#CA620D#CA620D

#CA620D is a mid, vivid orange. Relative luminance 0.213; OKLCH L 61.1% C 0.156 H 50.9°. Best body text is #000000 at 5.26:1 contrast (WCAG AA passes).

Color values

HEX	#CA620D
RGB	rgb(202, 98, 13)
HSL	hsl(27, 88%, 42%)
HSV	hsv(27, 94%, 79%)
CMYK	cmyk(0%, 51.5%, 93.6%, 20.8%)
CIE-LAB	lab(53.30, 37.11, 59.21)
CIE-LCH	lch(53.30, 69.88, 57.92°)
OKLab	oklab(61.12% 0.0982 0.1207)
OKLCH	oklch(61.12% 0.156 50.9)
XYZ	xyz(28.8005, 21.3247, 2.9802)
Luminance	0.2132 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CA620D #0D75CA

analogous

#CA0D17 #CA620D #CAC10D

triadic

#CA620D #0DCA62 #620DCA

tetradic

#CA620D #17CA0D #0D75CA #C10DCA

square

#CA620D #17CA0D #0D75CA #C10DCA

split-complementary

#CA620D #0DCAC1 #0D17CA

monochromatic

#572A06 #914609 #CA620D #F18023 #F5A15D

Accessibility & contrast

On white

3.99

#CA620D on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.26

#CA620D on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CA620D

5.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CA620D	#FFFFFF	#000000	##000000
##CA620D	1.00	3.99	5.26	5.26
#FFFFFF	3.99	1.00	21.00	21.00
#000000	5.26	21.00	1.00	1.00
##000000	5.26	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#807100

Deuteranopia (green-blind)

#9A8807

Tritanopia (blue-blind)

#DE4A54

Achromatopsia (no color)

#7F7F7F

Design tokens & code

CSS

--color: #ca620d;
/* rgb */ color: rgb(202, 98, 13);
/* oklch */ color: oklch(61.1% 0.156 50.9);

Tailwind

colors: {
  custom: {
    50: '#e3905a',
    500: '#ca620d',
    950: '#000000',
  },
}

SCSS

$custom: #ca620d;
$custom-light: #e3905a;
$custom-dark: #000000;

JSON

{
  "hex": "#ca620d",
  "rgb": {
    "r": 202,
    "g": 98,
    "b": 13
  },
  "hsl": {
    "h": 26.984,
    "s": 87.907,
    "l": 42.157
  },
  "oklch": {
    "l": 0.61125,
    "c": 0.15554,
    "h": 50.9
  },
  "luminance": 0.21321
}

Semantic roles & 50–950 ramp

primary

#CA620D

secondary

#5BA0D8

accent

#9FFE2A

background

#FFF8F5

surface

#FEF0E9

border

#D6CBC5

text

#170D04

muted

#857D79

Preview Lab

Preview with #CA620D

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

Preview Lab → · Contrast checker → · Palette generator →