Recognised as Colour

#AFBF56

#AFBF56
Yellow
Dark
Nearest: Dark khaki

#AFBF56 is a yellow with RGB values 175, 191, 86 and HSL 69°, 45%, 54%. It is a dark colour, so black text on it reaches 10.4:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.

Colour values

#AFBF56#AFBF56

HEX#AFBF56

RGBrgb(175, 191, 86)

RGB (0–1)0.6863, 0.749, 0.3373

RGB percentages68.6%, 74.9%, 33.7%

HSLhsl(69.1, 45.1%, 54.3%)

HSV / HSBhsv(69.1, 55%, 74.9%)

CMYK8.4%, 0%, 55%, 25.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,517,782

CSS custom property--colour: #AFBF56;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 10.41:1

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

Contrast with black10.41:1WCAG normal text: AAA

Greyscale equivalent#B4B4B4

Inverted#5040A9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text10.41:1WCAG large text: AAA

Named colours

Dark khaki · ΔE 16.1 Khaki · ΔE 20.5 Olivedrab · ΔE 21 Yellow green · ΔE 24 Olive · ΔE 24.5 Pale goldenrod · ΔE 28.9

Nearest named CSS colourDark khaki (#BDB76B)ΔE 16.13, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6656BF

Analogous#BF9A56, #7BBF56

Triadic#56AFBF, #BF56AF

Split complementary#567BBF, #9A56BF

Tetradic#56BF9A, #6656BF, #BF567B

Tints, shades & saturation

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

Lighter +40%#F5F7EA

Lighter +30%#E4E9C5

Lighter +20%#D2DBA0

Lighter +10%#C1CD7B

Darker −10%#94A43E

Darker −20%#737F30

Darker −30%#515A22

Darker −40%#303514

More saturated +25%#C3DC39

Less saturated −25%#9BA273

Channel breakdown

R175

G191

B86

Red175 (68.6%)

Green191 (74.9%)

Blue86 (33.7%)

Hue69.14°

Saturation (HSL)45.06%

Lightness54.31%

Dominant channelGreen

Hex per channelR AF · G BF · B 56

Keep nerding

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

#AFBF56

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