#CCA537#CCA537

#CCA537 is a light, vivid orange. Relative luminance 0.400; OKLCH L 73.8% C 0.132 H 88.6°. Best body text is #000000 at 9.00:1 contrast (WCAG AA passes).

Color values

HEX#CCA537
RGBrgb(204, 165, 55)
HSLhsl(44, 59%, 51%)
HSVhsv(44, 73%, 80%)
CMYKcmyk(0%, 19.1%, 73%, 20%)
CIE-LABlab(69.49, 3.22, 59.37)
CIE-LCHlch(69.49, 59.46, 86.90°)
OKLaboklab(73.82% 0.0032 0.1315)
OKLCHoklch(73.82% 0.132 88.6)
XYZxyz(39.0488, 40.0260, 9.2828)
Luminance0.4002 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CCA537 #375ECC
analogous
#CC5A37 #CCA537 #A9CC37
triadic
#CCA537 #37CCA5 #A537CC
tetradic
#CCA537 #37CC5A #375ECC #CC37A9
square
#CCA537 #37CC5A #375ECC #CC37A9
split-complementary
#CCA537 #37A9CC #5A37CC
monochromatic
#6D581C #9E7F28 #CCA537 #D8BB68 #E5D199

Accessibility & contrast

On white

2.33
#CCA537 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.00
#CCA537 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CCA537
9.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CCA537#FFFFFF#000000##000000
##CCA5371.002.339.009.00
#FFFFFF2.331.0021.0021.00
#0000009.0021.001.001.00
##0000009.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#B8A426
Deuteranopia (green-blind)
#C2AE3D
Tritanopia (blue-blind)
#DD978F
Achromatopsia (no color)
#AAAAAA

Design tokens & code

CSS
--color: #cca537;
/* rgb */ color: rgb(204, 165, 55);
/* oklch */ color: oklch(73.8% 0.132 88.6);
Tailwind
colors: {
  custom: {
    50: '#e0bf75',
    500: '#cca537',
    950: '#000000',
  },
}
SCSS
$custom: #cca537;
$custom-light: #e0bf75;
$custom-dark: #000000;
JSON
{
  "hex": "#cca537",
  "rgb": {
    "r": 204,
    "g": 165,
    "b": 55
  },
  "hsl": {
    "h": 44.295,
    "s": 59.363,
    "l": 50.784
  },
  "oklch": {
    "l": 0.7382,
    "c": 0.1315,
    "h": 88.6
  },
  "luminance": 0.40023
}

Semantic roles & 50–950 ramp

primary
#CCA537
secondary
#8EA0D0
accent
#6EE345
background
#FEFBF7
surface
#FDF6ED
border
#D5D0C8
text
#161209
muted
#84817B

Preview Lab

Preview with #CCA537

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#CCA537 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva