Skip to the color picker

#ccb63a color: Yellowstone

#ccb63a is rgb(204, 182, 58) in RGB and oklch(77.34% 0.14052 98.9) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

51°
100%

77.3%
0.141
99°
  • Yellow
  • Light
  • Vivid
  • Warm
  • ≈ Sand
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.03:1Hard to read
Lc -44
Black text
10.32:1Readable · AA
Lc 64

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

#ccb63a is a bright light yellow color. In OKLCH it has 77.3% lightness, 0.141 chroma and a hue of 99°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.03:1 contrast and black text 10.32: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: #ccb63a mixed with white

  1. ccb63a
  2. d1be55
  3. d6c56b
  4. dbcc80
  5. e0d493
  6. e5dba6
  7. eae2b8
  8. efeaca
  9. f4f1dc
  10. faf8ed

Darker: #ccb63a mixed with black

  1. ccb63a
  2. b19e31
  3. 978628
  4. 7e6f20
  5. 655918
  6. 4e4410
  7. 373009
  8. 221d04
  9. 0f0c01
  10. 020200

Calmer: #ccb63a with less saturation

  1. ccb63a
  2. cab64d
  3. c7b65d
  4. c5b76b
  5. c3b777
  6. c0b782
  7. beb68d
  8. bcb698
  9. b9b6a2
  10. b7b6ac

Questions about #ccb63a

What color is #ccb63a?

#ccb63a is bright light yellow. The closest named color is Yellowstone. In RGB it is rgb(204, 182, 58), in HSL hsl(50.96, 58.87%, 51.37%) and in OKLCH oklch(77.34% 0.14052 98.9).

What colors go well with #ccb63a?

The complementary color of #ccb63a is #a2abff. For a calmer combination use the analogous colors #efa344 and #99c660. The triadic partners are #00c9f2 and #ef90d3.

Is white or black text more readable on #ccb63a?

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

Is #ccb63a a warm or cool color?

#ccb63a is a warm color. In OKLCH its hue is 99 degrees, its lightness 77.3% and its chroma 0.141.