Colour

#FFAC02

#FFAC02
Orange
Light
Nearest: Orange

#FFAC02 is a orange with RGB values 255, 172, 2 and HSL 40°, 100%, 50%. It is a light colour, so black text on it reaches 11.2:1 contrast (AAA for normal text). The nearest named colour is Orange.

Colour values

#FFAC02#FFAC02

HEX#FFAC02

RGBrgb(255, 172, 2)

RGB (0–1)1, 0.6745, 0.0078

RGB percentages100%, 67.5%, 0.8%

HSLhsl(40.3, 100%, 50.4%)

HSV / HSBhsv(40.3, 99.2%, 100%)

CMYK0%, 32.5%, 99.2%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,755,714

CSS custom property--colour: #FFAC02;

Brightness & contrast

Relative luminance0.50769WCAG 2.x, 0 is black and 1 is white

Perceived brightness191.9 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 11.15:1

Contrast with white1.88:1WCAG normal text: Fail

Contrast with black11.15:1WCAG normal text: AAA

Greyscale equivalent#B1B1B1

Inverted#0053FD

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#C9B100no red cones; affects about 1% of men; ΔE 27 from the original

Deuteranopia#DDC513no green cones; the most common form, about 1% of men; ΔE 27.6 from the original

Tritanopia#FF9693no blue cones; rare, and affects men and women equally; ΔE 64 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text1.88:1WCAG large text: Fail

Contrast with black, large text11.15:1WCAG large text: AAA

Named colours

Orange · ΔE 4.1 Goldenrod · ΔE 17.1 Dark orange · ΔE 18.5 Gold · ΔE 25.6 Dark goldenrod · ΔE 26.5 Sandy brown · ΔE 33.2

Nearest named CSS colourOrange (#FFA500)ΔE 4.06, a close match

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#0255FF

Analogous#FF2D02, #D3FF02

Triadic#02FFAC, #AC02FF

Split complementary#02D3FF, #2E02FF

Tetradic#02FF2E, #0255FF, #FF02D4

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFEFCE

Lighter +30%#FFDE9B

Lighter +20%#FFCD68

Lighter +10%#FFBD35

Darker −10%#CE8A00

Darker −20%#9B6800

Darker −30%#684600

Darker −40%#352400

More saturated +25%#FFAC02

Less saturated −25%#DFA122

Channel breakdown

R255

G172

Red255 (100%)

Green172 (67.5%)

Blue2 (0.8%)

Hue40.32°

Saturation (HSL)100%

Lightness50.39%

Dominant channelRed

Hex per channelR FF · G AC · B 02

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#FFAC02

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else