#DBA596#DBA596

#DBA596 is a light, moderate red. Relative luminance 0.442; OKLCH L 76.8% C 0.068 H 36.1°. Best body text is #000000 at 9.83:1 contrast (WCAG AA passes).

Color values

HEX#DBA596
RGBrgb(219, 165, 150)
HSLhsl(13, 49%, 72%)
HSVhsv(13, 32%, 86%)
CMYKcmyk(0%, 24.7%, 31.5%, 14.1%)
CIE-LABlab(72.35, 17.86, 15.53)
CIE-LCHlch(72.35, 23.66, 41.01°)
OKLaboklab(76.83% 0.0548 0.04)
OKLCHoklch(76.83% 0.068 36.1)
XYZxyz(48.1748, 44.1749, 34.8374)
Luminance0.4417 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DBA596 #96CCDB
analogous
#DB96AA #DBA596 #DBC796
triadic
#DBA596 #96DBA5 #A596DB
tetradic
#DBA596 #AADB96 #96CCDB #C796DB
square
#DBA596 #AADB96 #96CCDB #C796DB
split-complementary
#DBA596 #96DBC7 #96AADB
monochromatic
#B8593F #CB7E68 #DBA596 #EBCCC4 #F7EBE8

Accessibility & contrast

On white

2.14
#DBA596 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.83
#DBA596 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DBA596
9.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DBA596#FFFFFF#000000##000000
##DBA5961.002.149.839.83
#FFFFFF2.141.0021.0021.00
#0000009.8321.001.001.00
##0000009.8321.001.001.00

Color blindness preview

Protanopia (red-blind)
#B1AB95
Deuteranopia (green-blind)
#BEB696
Tritanopia (blue-blind)
#E89EA1
Achromatopsia (no color)
#B1B1B1

Design tokens & code

CSS
--color: #dba596;
/* rgb */ color: rgb(219, 165, 150);
/* oklch */ color: oklch(76.8% 0.068 36.1);
Tailwind
colors: {
  custom: {
    50: '#e7c0b4',
    500: '#dba596',
    950: '#000000',
  },
}
SCSS
$custom: #dba596;
$custom-light: #e7c0b4;
$custom-dark: #000000;
JSON
{
  "hex": "#dba596",
  "rgb": {
    "r": 219,
    "g": 165,
    "b": 150
  },
  "hsl": {
    "h": 13.043,
    "s": 48.936,
    "l": 72.353
  },
  "oklch": {
    "l": 0.76834,
    "c": 0.06784,
    "h": 36.1
  },
  "luminance": 0.44172
}

Semantic roles & 50–950 ramp

primary
#DBA596
secondary
#DDEAEE
accent
#9CBC29
background
#FEFBFB
surface
#FDF7F6
border
#D5D0D0
text
#161211
muted
#848180

Preview Lab

Preview with #DBA596

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

Preview Lab → · Contrast checker → · Palette generator →

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