#CF7346#CF7346

#CF7346 is a light, vivid orange. Relative luminance 0.260; OKLCH L 65.0% C 0.130 H 45.7°. Best body text is #000000 at 6.19:1 contrast (WCAG AA passes).

Color values

HEX	#CF7346
RGB	rgb(207, 115, 70)
HSL	hsl(20, 59%, 54%)
HSV	hsv(20, 66%, 81%)
CMYK	cmyk(0%, 44.4%, 66.2%, 18.8%)
CIE-LAB	lab(58.01, 32.31, 40.26)
CIE-LCH	lch(58.01, 51.62, 51.25°)
OKLab	oklab(65.01% 0.091 0.0931)
OKLCH	oklch(65.01% 0.13 45.7)
XYZ	xyz(32.9711, 25.9726, 9.0700)
Luminance	0.2597 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CF7346 #46A2CF

analogous

#CF465E #CF7346 #CFB846

triadic

#CF7346 #46CF73 #7346CF

tetradic

#CF7346 #5ECF46 #46A2CF #B846CF

square

#CF7346 #5ECF46 #46A2CF #B846CF

split-complementary

#CF7346 #46CFB8 #465ECF

monochromatic

#7B3E20 #AB562C #CF7346 #DC9877 #E8BDA7

Accessibility & contrast

On white

3.39

#CF7346 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.19

#CF7346 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CF7346

6.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CF7346	#FFFFFF	#000000	##000000
##CF7346	1.00	3.39	6.19	6.19
#FFFFFF	3.39	1.00	21.00	21.00
#000000	6.19	21.00	1.00	1.00
##000000	6.19	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#8C7F42

Deuteranopia (green-blind)

#A29345

Tritanopia (blue-blind)

#E26169

Achromatopsia (no color)

#8B8B8B

Design tokens & code

CSS

--color: #cf7346;
/* rgb */ color: rgb(207, 115, 70);
/* oklch */ color: oklch(65.0% 0.130 45.7);

Tailwind

colors: {
  custom: {
    50: '#e39c7b',
    500: '#cf7346',
    950: '#000000',
  },
}

SCSS

$custom: #cf7346;
$custom-light: #e39c7b;
$custom-dark: #000000;

JSON

{
  "hex": "#cf7346",
  "rgb": {
    "r": 207,
    "g": 115,
    "b": 70
  },
  "hsl": {
    "h": 19.708,
    "s": 58.798,
    "l": 54.314
  },
  "oklch": {
    "l": 0.6501,
    "c": 0.13022,
    "h": 45.7
  },
  "luminance": 0.25969
}

Semantic roles & 50–950 ramp

primary

#CF7346

secondary

#9BC2D5

accent

#AFE246

background

#FEF9F7

surface

#FDF2EE

border

#D5CCC9

text

#170E09

muted

#857E7B

Preview Lab

Preview with #CF7346

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

Preview Lab → · Contrast checker → · Palette generator →