Recognised as Colour

#AFB300

#AFB300
Yellow
Dark
Nearest: Yellow green

#AFB300 is a yellow with RGB values 175, 179, 0 and HSL 61°, 100%, 35%. It is a dark colour, so black text on it reaches 9.3:1 contrast (AAA for normal text). The nearest named colour is Yellow green.

Colour values

#AFB300#AFB300

HEX#AFB300

RGBrgb(175, 179, 0)

RGB (0–1)0.6863, 0.702, 0

RGB percentages68.6%, 70.2%, 0%

HSLhsl(61.3, 100%, 35.1%)

HSV / HSBhsv(61.3, 100%, 70.2%)

CMYK2.2%, 0%, 100%, 29.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,514,624

CSS custom property--colour: #AFB300;

Brightness & contrast

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

Perceived brightness167.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.27:1

Contrast with white2.27:1WCAG normal text: Fail

Contrast with black9.27:1WCAG normal text: AAA

Greyscale equivalent#A5A5A5

Inverted#504CFF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.27:1WCAG large text: Fail

Contrast with black, large text9.27:1WCAG large text: AAA

Named colours

Yellow green · ΔE 21.3 Olive · ΔE 24.7 Goldenrod · ΔE 27 Gold · ΔE 27.7 Olivedrab · ΔE 29.1 Dark goldenrod · ΔE 31.7

Nearest named CSS colourYellow green (#9ACD32)ΔE 21.35, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0400B3

Analogous#B35D00, #56B300

Triadic#00AFB3, #B300AF

Split complementary#0056B3, #5D00B3

Tetradic#00B35D, #0400B3, #B30056

Tints, shades & saturation

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

Lighter +40%#FCFF80

Lighter +30%#FBFF4D

Lighter +20%#FAFF1A

Lighter +10%#E1E600

Darker −10%#7D8000

Darker −20%#4B4D00

Darker −30%#191A00

Darker −40%#000000

More saturated +25%#AFB300

Less saturated −25%#9A9D16

Channel breakdown

R175

G179

Red175 (68.6%)

Green179 (70.2%)

Blue0 (0%)

Hue61.34°

Saturation (HSL)100%

Lightness35.1%

Dominant channelGreen

Hex per channelR AF · G B3 · B 00

Keep nerding

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

#AFB300

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