Colour

#9C9D30

#9C9D30
Yellow
Dark
Nearest: Olive

#9C9D30 is a yellow with RGB values 156, 157, 48 and HSL 61°, 53%, 40%. It is a dark colour, so black text on it reaches 7.3:1 contrast (AAA for normal text). The nearest named colour is Olive.

Colour values

#9C9D30#9C9D30

HEX#9C9D30

RGBrgb(156, 157, 48)

RGB (0–1)0.6118, 0.6157, 0.1882

RGB percentages61.2%, 61.6%, 18.8%

HSLhsl(60.6, 53.2%, 40.2%)

HSV / HSBhsv(60.6, 69.4%, 61.6%)

CMYK0.6%, 0%, 69.4%, 38.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,263,856

CSS custom property--colour: #9C9D30;

Brightness & contrast

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

Perceived brightness148.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.28:1

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

Contrast with black7.28:1WCAG normal text: AAA

Greyscale equivalent#959595

Inverted#6362CF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text7.28:1WCAG large text: AAA

Named colours

Olive · ΔE 11.3 Olivedrab · ΔE 17 Dark khaki · ΔE 18.9 Dark goldenrod · ΔE 25.7 Goldenrod · ΔE 28.1 Khaki · ΔE 29.4

Nearest named CSS colourOlive (#808000)ΔE 11.33, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#31309D

Analogous#9D6830, #659D30

Triadic#309C9D, #9D309C

Split complementary#30669D, #67309D

Tetradic#309D68, #31309D, #9D3066

Tints, shades & saturation

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

Lighter +40%#E7E7B2

Lighter +30%#DBDB8B

Lighter +20%#CECF64

Lighter +10%#C2C43C

Darker −10%#757624

Darker −20%#4E4F18

Darker −30%#28280C

Darker −40%#010100

More saturated +25%#B5B716

Less saturated −25%#83834A

Channel breakdown

R156

G157

B48

Red156 (61.2%)

Green157 (61.6%)

Blue48 (18.8%)

Hue60.55°

Saturation (HSL)53.17%

Lightness40.2%

Dominant channelGreen

Hex per channelR 9C · G 9D · B 30

Keep nerding

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

#9C9D30

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