Colour

#B4A118

#B4A118
Yellow
Dark
Nearest: Goldenrod

#B4A118 is a yellow with RGB values 180, 161, 24 and HSL 53°, 76%, 40%. It is a dark colour, so black text on it reaches 8.1:1 contrast (AAA for normal text). The nearest named colour is Goldenrod.

Colour values

#B4A118#B4A118

HEX#B4A118

RGBrgb(180, 161, 24)

RGB (0–1)0.7059, 0.6314, 0.0941

RGB percentages70.6%, 63.1%, 9.4%

HSLhsl(52.7, 76.5%, 40%)

HSV / HSBhsv(52.7, 86.7%, 70.6%)

CMYK0%, 10.6%, 86.7%, 29.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,837,720

CSS custom property--colour: #B4A118;

Brightness & contrast

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

Perceived brightness158 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.05:1

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

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

Greyscale equivalent#9B9B9B

Inverted#4B5EE7

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Goldenrod · ΔE 16.1 Olive · ΔE 17.7 Dark goldenrod · ΔE 17.7 Dark khaki · ΔE 27.1 Olivedrab · ΔE 29.1 Gold · ΔE 30.7

Nearest named CSS colourGoldenrod (#DAA520)ΔE 16.07, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#182BB4

Analogous#B45318, #79B418

Triadic#18B4A1, #A118B4

Split complementary#1879B4, #5318B4

Tetradic#18B453, #182BB4, #B41879

Tints, shades & saturation

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

Lighter +40%#F3EAA5

Lighter +30%#EDDF78

Lighter +20%#E7D44B

Lighter +10%#E1C91E

Darker −10%#877912

Darker −20%#5A510C

Darker −30%#2D2806

Darker −40%#000000

More saturated +25%#CCB300

Less saturated −25%#9B8E31

Channel breakdown

R180

G161

B24

Red180 (70.6%)

Green161 (63.1%)

Blue24 (9.4%)

Hue52.69°

Saturation (HSL)76.47%

Lightness40%

Dominant channelRed

Hex per channelR B4 · G A1 · B 18

Keep nerding

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

#B4A118

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