#CB7358#CB7358

#CB7358 is a light, moderate red. Relative luminance 0.257; OKLCH L 64.8% C 0.118 H 37.8°. Best body text is #000000 at 6.13:1 contrast (WCAG AA passes).

Color values

HEX#CB7358
RGBrgb(203, 115, 88)
HSLhsl(14, 53%, 57%)
HSVhsv(14, 57%, 80%)
CMYKcmyk(0%, 43.3%, 56.7%, 20.4%)
CIE-LABlab(57.72, 31.97, 29.97)
CIE-LCHlch(57.72, 43.82, 43.15°)
OKLaboklab(64.75% 0.0932 0.0724)
OKLCHoklch(64.75% 0.118 37.8)
XYZxyz(32.5231, 25.6658, 12.4718)
Luminance0.2566 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CB7358 #58B0CB
analogous
#CB5877 #CB7358 #CBAD58
triadic
#CB7358 #58CB73 #7358CB
tetradic
#CB7358 #77CB58 #58B0CB #AD58CB
square
#CB7358 #77CB58 #58B0CB #AD58CB
split-complementary
#CB7358 #58CBAD #5877CB
monochromatic
#813D28 #AF5337 #CB7358 #DA9A87 #E8C1B5

Accessibility & contrast

On white

3.42
#CB7358 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.13
#CB7358 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CB7358
6.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CB7358#FFFFFF#000000##000000
##CB73581.003.426.136.13
#FFFFFF3.421.0021.0021.00
#0000006.1321.001.001.00
##0000006.1321.001.001.00

Color blindness preview

Protanopia (red-blind)
#897F56
Deuteranopia (green-blind)
#9F9257
Tritanopia (blue-blind)
#DC646C
Achromatopsia (no color)
#8B8B8B

Design tokens & code

CSS
--color: #cb7358;
/* rgb */ color: rgb(203, 115, 88);
/* oklch */ color: oklch(64.8% 0.118 37.8);
Tailwind
colors: {
  custom: {
    50: '#df9c87',
    500: '#cb7358',
    950: '#000000',
  },
}
SCSS
$custom: #cb7358;
$custom-light: #df9c87;
$custom-dark: #000000;
JSON
{
  "hex": "#cb7358",
  "rgb": {
    "r": 203,
    "g": 115,
    "b": 88
  },
  "hsl": {
    "h": 14.087,
    "s": 52.511,
    "l": 57.059
  },
  "oklch": {
    "l": 0.64754,
    "c": 0.11801,
    "h": 37.8
  },
  "luminance": 0.25663
}

Semantic roles & 50–950 ramp

primary
#CB7358
secondary
#A8CCD7
accent
#BADC4C
background
#FEF9F8
surface
#FCF2EF
border
#D5CCCA
text
#160E0B
muted
#847E7C

Preview Lab

Preview with #CB7358

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

Preview Lab → · Contrast checker → · Palette generator →

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