#CA7052#CA7052

#CA7052 is a light, vivid orange. Relative luminance 0.248; OKLCH L 64.0% C 0.122 H 39.1°. Best body text is #000000 at 5.95:1 contrast (WCAG AA passes).

Color values

HEX#CA7052
RGBrgb(202, 112, 82)
HSLhsl(15, 53%, 56%)
HSVhsv(15, 59%, 79%)
CMYKcmyk(0%, 44.6%, 59.4%, 20.8%)
CIE-LABlab(56.84, 32.70, 32.18)
CIE-LCHlch(56.84, 45.88, 44.54°)
OKLaboklab(64.02% 0.0946 0.0769)
OKLCHoklch(64.02% 0.122 39.1)
XYZxyz(31.6767, 24.7574, 11.0915)
Luminance0.2475 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CA7052 #52ACCA
analogous
#CA5270 #CA7052 #CAAC52
triadic
#CA7052 #52CA70 #7052CA
tetradic
#CA7052 #70CA52 #52ACCA #AC52CA
square
#CA7052 #70CA52 #52ACCA #AC52CA
split-complementary
#CA7052 #52CAAC #5270CA
monochromatic
#7C3B26 #AB5234 #CA7052 #D89781 #E7BDB0

Accessibility & contrast

On white

3.53
#CA7052 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.95
#CA7052 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CA7052
5.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CA7052#FFFFFF#000000##000000
##CA70521.003.535.955.95
#FFFFFF3.531.0021.0021.00
#0000005.9521.001.001.00
##0000005.9521.001.001.00

Color blindness preview

Protanopia (red-blind)
#877D4F
Deuteranopia (green-blind)
#9D9051
Tritanopia (blue-blind)
#DC6069
Achromatopsia (no color)
#888888

Design tokens & code

CSS
--color: #ca7052;
/* rgb */ color: rgb(202, 112, 82);
/* oklch */ color: oklch(64.0% 0.122 39.1);
Tailwind
colors: {
  custom: {
    50: '#df9a83',
    500: '#ca7052',
    950: '#000000',
  },
}
SCSS
$custom: #ca7052;
$custom-light: #df9a83;
$custom-dark: #000000;
JSON
{
  "hex": "#ca7052",
  "rgb": {
    "r": 202,
    "g": 112,
    "b": 82
  },
  "hsl": {
    "h": 15,
    "s": 53.097,
    "l": 55.686
  },
  "oklch": {
    "l": 0.64021,
    "c": 0.12193,
    "h": 39.1
  },
  "luminance": 0.24754
}

Semantic roles & 50–950 ramp

primary
#CA7052
secondary
#A3C8D5
accent
#B8DD4B
background
#FEF9F8
surface
#FCF2EF
border
#D5CCCA
text
#160E0A
muted
#847E7C

Preview Lab

Preview with #CA7052

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

Preview Lab → · Contrast checker → · Palette generator →

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