Recognised as Colour

#8F8F6A

#8F8F6A
Yellow
Dark
Nearest: Tan

#8F8F6A is a yellow with RGB values 143, 143, 106 and HSL 60°, 15%, 49%. It is a dark colour, so black text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Tan.

Colour values

#8F8F6A#8F8F6A

HEX#8F8F6A

RGBrgb(143, 143, 106)

RGB (0–1)0.5608, 0.5608, 0.4157

RGB percentages56.1%, 56.1%, 41.6%

HSLhsl(60, 14.9%, 48.8%)

HSV / HSBhsv(60, 25.9%, 56.1%)

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

24-bit integer9,408,362

CSS custom property--colour: #8F8F6A;

Brightness & contrast

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

Perceived brightness139.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.31:1

Contrast with white3.33:1WCAG normal text: Fail

Contrast with black6.31:1WCAG normal text: AA

Greyscale equivalent#8C8C8C

Inverted#707095

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#948A85no blue cones; rare, and affects men and women equally; ΔE 18.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.33:1WCAG large text: AA

Contrast with black, large text6.31:1WCAG large text: AAA

Named colours

Tan · ΔE 20.5 Gray · ΔE 21.3 Dark seagreen · ΔE 22.2 Dark olivegreen · ΔE 23.2 Dark grey · ΔE 23.3 Dark khaki · ΔE 24.7

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6A6A8F

Analogous#8F7D6A, #7D8F6A

Triadic#6A8F8F, #8F6A8F

Split complementary#6A7D8F, #7D6A8F

Tetradic#6A8F7D, #6A6A8F, #8F6A7D

Tints, shades & saturation

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

Lighter +40%#E7E7DE

Lighter +30%#D1D1C1

Lighter +20%#BBBBA4

Lighter +10%#A6A686

Darker −10%#727254

Darker −20%#54543F

Darker −30%#373729

Darker −40%#1A1A13

More saturated +25%#AEAE4B

Less saturated −25%#7D7D7D

Channel breakdown

R143

G143

B106

Red143 (56.1%)

Green143 (56.1%)

Blue106 (41.6%)

Hue60°

Saturation (HSL)14.86%

Lightness48.82%

Dominant channelRed and Green

Hex per channelR 8F · G 8F · B 6A

Keep nerding

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

#8F8F6A

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