Skip to the color picker

#caae3c color: Sugar Leaves

#caae3c is rgb(202, 174, 60) in RGB and oklch(75.502% 0.13322 95.014) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

48°
100%

75.5%
0.133
95°
  • Yellow
  • Light
  • Vivid
  • Warm
  • ≈ Sand
  • yellow-500
  • Black 21%

Inside sRGB: displays the same on any screen.

White text
2.18:1Hard to read
Lc -47
Black text
9.63: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 #caae3c

#caae3c is a bright light yellow color. In OKLCH it has 75.5% lightness, 0.133 chroma and a hue of 95°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.18:1 contrast and black text 9.63: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: #caae3c mixed with white

  1. caae3c
  2. cfb656
  3. d4bf6b
  4. dac77f
  5. dfcf93
  6. e4d7a5
  7. e9dfb7
  8. efe7c9
  9. f4efdb
  10. faf7ed

Darker: #caae3c mixed with black

  1. caae3c
  2. af9733
  3. 95802a
  4. 7c6a21
  5. 645519
  6. 4d4111
  7. 372e0a
  8. 221c04
  9. 0f0b01
  10. 020100

Calmer: #caae3c with less saturation

  1. caae3c
  2. c7ae4d
  3. c5af5c
  4. c2af69
  5. bfaf74
  6. bdb07f
  7. bab08a
  8. b7b093
  9. b5b09d
  10. b2b0a6

Questions about #caae3c

What color is #caae3c?

#caae3c is bright light yellow. The closest named color is Sugar Leaves. In RGB it is rgb(202, 174, 60), in HSL hsl(48.17, 57.26%, 51.37%) and in OKLCH oklch(75.502% 0.13322 95.014).

What colors go well with #caae3c?

The complementary color of #caae3c is #97a8ff. For a calmer combination use the analogous colors #e99c4a and #9cbe5a. The triadic partners are #02c4e4 and #e38ed1.

Is white or black text more readable on #caae3c?

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

Is #caae3c a warm or cool color?

#caae3c is a warm color. In OKLCH its hue is 95 degrees, its lightness 75.5% and its chroma 0.133.