Skip to the color picker

#bea302 color: Snakebite Leather

#bea302 is rgb(190, 163, 2) in RGB and oklch(71.779% 0.14769 97.158) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

51°
100%

71.8%
0.148
97°
  • Yellow
  • Light
  • Vivid
  • Warm
  • ≈ Camel
  • yellow-600
  • Black 25%

Inside sRGB: displays the same on any screen.

White text
2.49:1Hard to read
Lc -54
Black text
8.43:1Readable · AA
Lc 55

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #bea302

#bea302 is a bright light yellow color. In OKLCH it has 71.8% lightness, 0.148 chroma and a hue of 97°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.49:1 contrast and black text 8.43:1, so black text reads better.

The closest named color is Snakebite Leather (#baa208). In Tailwind CSS the closest color is yellow-600.

More light yellow colors

Lighter: #bea302 mixed with white

  1. bea302
  2. c4ac3a
  3. cbb656
  4. d1bf6e
  5. d7c885
  6. ded29a
  7. e4dbae
  8. ebe4c3
  9. f2edd7
  10. f8f6eb

Darker: #bea302 mixed with black

  1. bea302
  2. a58d01
  3. 8c7801
  4. 756301
  5. 5e4f00
  6. 483c00
  7. 332a00
  8. 1f1900
  9. 0d0a00
  10. 020100

Calmer: #bea302 with less saturation

  1. bea302
  2. bba32e
  3. b9a444
  4. b6a454
  5. b3a462
  6. b1a56e
  7. aea57a
  8. aba585
  9. a9a490
  10. a6a49a

Questions about #bea302

What color is #bea302?

#bea302 is bright light yellow. The closest named color is Snakebite Leather. In RGB it is rgb(190, 163, 2), in HSL hsl(51.38, 97.92%, 37.65%) and in OKLCH oklch(71.779% 0.14769 97.158).

What colors go well with #bea302?

The complementary color of #bea302 is #8e99ff. For a calmer combination use the analogous colors #e08f24 and #8bb445. The triadic partners are #00b9e0 and #dd7dc5.

Is white or black text more readable on #bea302?

Black text reads better on #bea302: white gives a contrast ratio of 2.49:1 and black gives 8.43:1. WCAG AA asks for at least 4.5:1 for body text.

Is #bea302 a warm or cool color?

#bea302 is a warm color. In OKLCH its hue is 97 degrees, its lightness 71.8% and its chroma 0.148.