#CC9265#CC9265

#CC9265 is a light, moderate orange. Relative luminance 0.343; OKLCH L 70.6% C 0.093 H 58.4°. Best body text is #000000 at 7.87:1 contrast (WCAG AA passes).

Color values

HEX#CC9265
RGBrgb(204, 146, 101)
HSLhsl(26, 50%, 60%)
HSVhsv(26, 50%, 80%)
CMYKcmyk(0%, 28.4%, 50.5%, 20%)
CIE-LABlab(65.23, 16.70, 32.44)
CIE-LCHlch(65.23, 36.48, 62.77°)
OKLaboklab(70.65% 0.0486 0.0789)
OKLCHoklch(70.65% 0.093 58.4)
XYZxyz(37.5316, 34.3374, 16.9604)
Luminance0.3433 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CC9265 #659FCC
analogous
#CC656B #CC9265 #CCC665
triadic
#CC9265 #65CC92 #9265CC
tetradic
#CC9265 #6BCC65 #659FCC #C665CC
square
#CC9265 #6BCC65 #659FCC #C665CC
split-complementary
#CC9265 #65CCC6 #656BCC
monochromatic
#89562D #B7723D #CC9265 #DBB393 #EAD3C1

Accessibility & contrast

On white

2.67
#CC9265 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.87
#CC9265 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CC9265
7.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CC9265#FFFFFF#000000##000000
##CC92651.002.677.877.87
#FFFFFF2.671.0021.0021.00
#0000007.8721.001.001.00
##0000007.8721.001.001.00

Color blindness preview

Protanopia (red-blind)
#A39761
Deuteranopia (green-blind)
#B1A365
Tritanopia (blue-blind)
#DC8687
Achromatopsia (no color)
#9E9E9E

Design tokens & code

CSS
--color: #cc9265;
/* rgb */ color: rgb(204, 146, 101);
/* oklch */ color: oklch(70.6% 0.093 58.4);
Tailwind
colors: {
  custom: {
    50: '#deb291',
    500: '#cc9265',
    950: '#000000',
  },
}
SCSS
$custom: #cc9265;
$custom-light: #deb291;
$custom-dark: #000000;
JSON
{
  "hex": "#cc9265",
  "rgb": {
    "r": 204,
    "g": 146,
    "b": 101
  },
  "hsl": {
    "h": 26.214,
    "s": 50.244,
    "l": 59.804
  },
  "oklch": {
    "l": 0.70647,
    "c": 0.09265,
    "h": 58.4
  },
  "luminance": 0.34335
}

Semantic roles & 50–950 ramp

primary
#CC9265
secondary
#B2C9DA
accent
#9DDA4E
background
#FEFAF8
surface
#FCF5F0
border
#D5CFCB
text
#15100D
muted
#847F7D

Preview Lab

Preview with #CC9265

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

Preview Lab → · Contrast checker → · Palette generator →

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