Recognised as Colour
#545A12
- #545A12
- Yellow
- Dark
- Nearest: Dark olivegreen
#545A12 is a yellow with RGB values 84, 90, 18 and HSL 65°, 67%, 21%. It is a dark colour, so white text on it reaches 7.4:1 contrast (AAA for normal text). The nearest named colour is Dark olivegreen.
Colour values
#545A12#545A12
HEX#545A12
RGBrgb(84, 90, 18)
RGB (0–1)0.3294, 0.3529, 0.0706
RGB percentages32.9%, 35.3%, 7.1%
HSLhsl(65, 66.7%, 21.2%)
HSV / HSBhsv(65, 80%, 35.3%)
CMYK6.7%, 0%, 80%, 64.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,528,082
CSS custom property--colour: #545A12;
Brightness & contrast
Relative luminance0.09241WCAG 2.x, 0 is black and 1 is white
Perceived brightness83.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.37:1
Contrast with white7.37:1WCAG normal text: AAA
Contrast with black2.85:1WCAG normal text: Fail
Greyscale equivalent#545454
Inverted#ABA5ED
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.37:1WCAG large text: AAA
Contrast with black, large text2.85:1WCAG large text: Fail
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#18125A
Analogous#5A3C12, #305A12
Triadic#12545A, #5A1254
Split complementary#12305A, #3C125A
Tetradic#125A3C, #18125A, #5A1230
Tints, shades & saturation
Channel breakdown
R84
G90
B18
Red84 (32.9%)
Green90 (35.3%)
Blue18 (7.1%)
Hue65°
Saturation (HSL)66.67%
Lightness21.18%
Dominant channelGreen
Hex per channelR 54 · G 5A · B 12
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page