Nerdulator> put something in

Recognised as Colour

#9AA021

  • #9AA021
  • Yellow
  • Dark
  • Nearest: Olive

#9AA021 is a yellow with RGB values 154, 160, 33 and HSL 63°, 66%, 38%. It is a dark colour, so black text on it reaches 7.4:1 contrast (AAA for normal text). The nearest named colour is Olive.

Colour values

#9AA021#9AA021
HEX#9AA021
RGBrgb(154, 160, 33)
RGB (0–1)0.6039, 0.6275, 0.1294
RGB percentages60.4%, 62.7%, 12.9%
HSLhsl(62.8, 65.8%, 37.8%)
HSV / HSBhsv(62.8, 79.4%, 62.7%)
CMYK3.8%, 0%, 79.4%, 37.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,133,537
CSS custom property--colour: #9AA021;

Brightness & contrast

Relative luminance0.32121WCAG 2.x, 0 is black and 1 is white
Perceived brightness149.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.42:1
Contrast with white2.83:1WCAG normal text: Fail
Contrast with black7.42:1WCAG normal text: AAA
Greyscale equivalent#969696
Inverted#655FDE

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#AD9800no red cones; affects about 1% of men; ΔE 13.8 from the original
Deuteranopia#AD9B2Dno green cones; the most common form, about 1% of men; ΔE 12 from the original
Tritanopia#A59689no blue cones; rare, and affects men and women equally; ΔE 54.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.83:1WCAG large text: Fail
Contrast with black, large text7.42:1WCAG large text: AAA

Named colours

Olive · ΔE 12.7Olivedrab · ΔE 17.4Dark khaki · ΔE 24.3Yellow green · ΔE 25.5Dark goldenrod · ΔE 27.5Goldenrod · ΔE 28.2
Nearest named CSS colourOlive (#808000)ΔE 12.7, a distinctly different colour
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#2721A0
Analogous#A06621, #5BA021
Triadic#219AA0, #A0219A
Split complementary#215AA0, #6721A0
Tetradic#21A067, #2721A0, #A0215A

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E8ECA1
Lighter +30%#DEE377
Lighter +20%#D4DA4D
Lighter +10%#C3CA2A
Darker −10%#717618
Darker −20%#494B10
Darker −30%#202107
Darker −40%#000000
More saturated +25%#B0B809
Less saturated −25%#848839

Channel breakdown

R154
G160
B33
Red154 (60.4%)
Green160 (62.7%)
Blue33 (12.9%)
Hue62.83°
Saturation (HSL)65.8%
Lightness37.84%
Dominant channelGreen
Hex per channelR 9A · G A0 · B 21

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “9aa021” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.