Colour

#B4A344

#B4A344
Yellow
Dark
Nearest: Dark khaki

#B4A344 is a yellow with RGB values 180, 163, 68 and HSL 51°, 45%, 49%. It is a dark colour, so black text on it reaches 8.3:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.

Colour values

#B4A344#B4A344

HEX#B4A344

RGBrgb(180, 163, 68)

RGB (0–1)0.7059, 0.6392, 0.2667

RGB percentages70.6%, 63.9%, 26.7%

HSLhsl(50.9, 45.2%, 48.6%)

HSV / HSBhsv(50.9, 62.2%, 70.6%)

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

24-bit integer11,838,276

CSS custom property--colour: #B4A344;

Brightness & contrast

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

Perceived brightness160.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.26:1

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

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

Greyscale equivalent#A0A0A0

Inverted#4B5CBB

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dark khaki · ΔE 13.3 Olive · ΔE 17.9 Dark goldenrod · ΔE 21.1 Goldenrod · ΔE 23.5 Khaki · ΔE 24.4 Olivedrab · ΔE 25.8

Nearest named CSS colourDark khaki (#BDB76B)ΔE 13.26, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4455B4

Analogous#B46B44, #8DB444

Triadic#44B4A3, #A344B4

Split complementary#448DB4, #6B44B4

Tetradic#44B46B, #4455B4, #B4448D

Tints, shades & saturation

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

Lighter +40%#EFEBD5

Lighter +30%#E1DAB0

Lighter +20%#D3C88B

Lighter +10%#C5B766

Darker −10%#8F8136

Darker −20%#6A6028

Darker −30%#453E1A

Darker −40%#201D0C

More saturated +25%#D3B925

Less saturated −25%#958D63

Channel breakdown

R180

G163

B68

Red180 (70.6%)

Green163 (63.9%)

Blue68 (26.7%)

Hue50.89°

Saturation (HSL)45.16%

Lightness48.63%

Dominant channelRed

Hex per channelR B4 · G A3 · B 44

Keep nerding

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

#B4A344

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