Skip to the color picker

#ccae3e color: Sugar Leaves

#ccae3e is rgb(204, 174, 62) in RGB and oklch(75.712% 0.13214 93.8) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

47°
100%

75.7%
0.132
94°
  • Yellow
  • Light
  • Vivid
  • Warm
  • ≈ Sand
  • yellow-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.17:1Hard to read
Lc -47
Black text
9.69:1Readable · AA
Lc 61

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

#ccae3e is a bright light yellow color. In OKLCH it has 75.7% lightness, 0.132 chroma and a hue of 94°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.17:1 contrast and black text 9.69:1, so black text reads better.

The closest named color is Sugar Leaves (#cdb141). In Tailwind CSS the closest color is yellow-500.

More light yellow colors

Lighter: #ccae3e mixed with white

  1. ccae3e
  2. d1b657
  3. d6bf6d
  4. dbc780
  5. e0cf93
  6. e5d7a6
  7. eadfb8
  8. efe7ca
  9. f5efdc
  10. faf7ed

Darker: #ccae3e mixed with black

  1. ccae3e
  2. b19735
  3. 97802b
  4. 7e6a23
  5. 65551a
  6. 4e4112
  7. 372e0a
  8. 221c04
  9. 0f0b01
  10. 020100

Calmer: #ccae3e with less saturation

  1. ccae3e
  2. c9af4f
  3. c6af5d
  4. c4af6a
  5. c1b075
  6. beb080
  7. bbb08a
  8. b8b094
  9. b5b09e
  10. b3b0a7

Questions about #ccae3e

What color is #ccae3e?

#ccae3e is bright light yellow. The closest named color is Sugar Leaves. In RGB it is rgb(204, 174, 62), in HSL hsl(47.32, 58.2%, 52.16%) and in OKLCH oklch(75.712% 0.13214 93.8).

What colors go well with #ccae3e?

The complementary color of #ccae3e is #96a9ff. For a calmer combination use the analogous colors #ea9d4e and #9fbe5a. The triadic partners are #08c5e3 and #e28fd3.

Is white or black text more readable on #ccae3e?

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

Is #ccae3e a warm or cool color?

#ccae3e is a warm color. In OKLCH its hue is 94 degrees, its lightness 75.7% and its chroma 0.132.