Recognised as Colour

#AFA98B

#AFA98B
Yellow
Dark
Nearest: Tan

#AFA98B is a yellow with RGB values 175, 169, 139 and HSL 50°, 18%, 62%. It is a dark colour, so black text on it reaches 8.9:1 contrast (AAA for normal text). The nearest named colour is Tan.

Colour values

#AFA98B#AFA98B

HEX#AFA98B

RGBrgb(175, 169, 139)

RGB (0–1)0.6863, 0.6627, 0.5451

RGB percentages68.6%, 66.3%, 54.5%

HSLhsl(50, 18.4%, 61.6%)

HSV / HSBhsv(50, 20.6%, 68.6%)

CMYK0%, 3.4%, 20.6%, 31.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,512,203

CSS custom property--colour: #AFA98B;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.87:1

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

Contrast with black8.87:1WCAG normal text: AAA

Greyscale equivalent#A8A8A8

Inverted#505674

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text8.87:1WCAG large text: AAA

Named colours

Tan · ΔE 12.8 Dark grey · ΔE 16.5 Silver · ΔE 18.7 Burlywood · ΔE 18.7 Dark seagreen · ΔE 21.2 Wheat · ΔE 22.2

Nearest named CSS colourTan (#D2B48C)ΔE 12.82, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8B91AF

Analogous#AF978B, #A3AF8B

Triadic#8BAFA9, #A98BAF

Split complementary#8BA3AF, #978BAF

Tetradic#8BAF97, #8B91AF, #AF8BA3

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#EDECE6

Lighter +20%#D9D6C7

Lighter +10%#C4BFA9

Darker −10%#9A936D

Darker −20%#7D7757

Darker −30%#5F5A42

Darker −40%#413E2D

More saturated +25%#C8B973

Less saturated −25%#9D9D9D

Channel breakdown

R175

G169

B139

Red175 (68.6%)

Green169 (66.3%)

Blue139 (54.5%)

Hue50°

Saturation (HSL)18.37%

Lightness61.57%

Dominant channelRed

Hex per channelR AF · G A9 · B 8B

Keep nerding

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

#AFA98B

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