Skip to the color picker

#ccba3a color: Yellowstone

#ccba3a is rgb(204, 186, 58) in RGB and oklch(78.178% 0.1437 101.082) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

53°
100%

78.2%
0.144
101°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Sand
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
1.97:1Hard to read
Lc -42
Black text
10.65:1Readable · AA
Lc 66

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 #ccba3a

#ccba3a is a bright light yellow color. In OKLCH it has 78.2% lightness, 0.144 chroma and a hue of 101°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.97:1 contrast and black text 10.65:1, so black text reads better.

The closest named color is Yellowstone (#ceb736). In Tailwind CSS the closest color is yellow-500.

More light yellow colors

Lighter: #ccba3a mixed with white

  1. ccba3a
  2. d1c155
  3. d6c86c
  4. dbcf80
  5. e0d694
  6. e5dda6
  7. eae4b8
  8. efebca
  9. f4f2dc
  10. faf8ed

Darker: #ccba3a mixed with black

  1. ccba3a
  2. b1a131
  3. 978928
  4. 7e7220
  5. 655c18
  6. 4e4610
  7. 373209
  8. 221e04
  9. 0f0d01
  10. 020200

Calmer: #ccba3a with less saturation

  1. ccba3a
  2. caba4e
  3. c8ba5e
  4. c6ba6c
  5. c4ba78
  6. c1ba84
  7. bfba8f
  8. bdb99a
  9. bcb9a4
  10. bab8ae

Questions about #ccba3a

What color is #ccba3a?

#ccba3a is bright light yellow. The closest named color is Yellowstone. In RGB it is rgb(204, 186, 58), in HSL hsl(52.6, 58.87%, 51.37%) and in OKLCH oklch(78.178% 0.1437 101.082).

What colors go well with #ccba3a?

The complementary color of #ccba3a is #a9adff. For a calmer combination use the analogous colors #f1a740 and #97ca64. The triadic partners are #00ccf8 and #f591d3.

Is white or black text more readable on #ccba3a?

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

Is #ccba3a a warm or cool color?

#ccba3a is a neutral color. In OKLCH its hue is 101 degrees, its lightness 78.2% and its chroma 0.144.