Colour

#B7A222

#B7A222
Yellow
Dark
Nearest: Goldenrod

#B7A222 is a yellow with RGB values 183, 162, 34 and HSL 52°, 69%, 43%. It is a dark colour, so black text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Goldenrod.

Colour values

#B7A222#B7A222

HEX#B7A222

RGBrgb(183, 162, 34)

RGB (0–1)0.7176, 0.6353, 0.1333

RGB percentages71.8%, 63.5%, 13.3%

HSLhsl(51.5, 68.7%, 42.5%)

HSV / HSBhsv(51.5, 81.4%, 71.8%)

CMYK0%, 11.5%, 81.4%, 28.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,034,594

CSS custom property--colour: #B7A222;

Brightness & contrast

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

Perceived brightness159.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.2:1

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

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

Greyscale equivalent#9D9D9D

Inverted#485DDD

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Goldenrod · ΔE 15.5 Dark goldenrod · ΔE 16.8 Olive · ΔE 17.8 Dark khaki · ΔE 25.1 Olivedrab · ΔE 29.2 Khaki · ΔE 30.2

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2237B7

Analogous#B75722, #82B722

Triadic#22B7A2, #A222B7

Split complementary#2282B7, #5722B7

Tetradic#22B757, #2237B7, #B72282

Tints, shades & saturation

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

Lighter +40%#F1E8B4

Lighter +30%#E9DC89

Lighter +20%#E1CF5E

Lighter +10%#D9C233

Darker −10%#8C7C1A

Darker −20%#615612

Darker −30%#36300A

Darker −40%#0B0A02

More saturated +25%#D2B507

Less saturated −25%#9C8F3D

Channel breakdown

R183

G162

B34

Red183 (71.8%)

Green162 (63.5%)

Blue34 (13.3%)

Hue51.54°

Saturation (HSL)68.66%

Lightness42.55%

Dominant channelRed

Hex per channelR B7 · G A2 · B 22

Keep nerding

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

#B7A222

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