#EBCCBF#EBCCBF

#EBCCBF is a very light, muted orange. Relative luminance 0.646; OKLCH L 86.8% C 0.039 H 44.1°. Best body text is #000000 at 13.92:1 contrast (WCAG AA passes).

Color values

HEX#EBCCBF
RGBrgb(235, 204, 191)
HSLhsl(18, 52%, 84%)
HSVhsv(18, 19%, 92%)
CMYKcmyk(0%, 13.2%, 18.7%, 7.8%)
CIE-LABlab(84.28, 8.84, 10.48)
CIE-LCHlch(84.28, 13.72, 49.85°)
OKLaboklab(86.79% 0.0283 0.0274)
OKLCHoklch(86.79% 0.039 44.1)
XYZxyz(65.2578, 64.6114, 58.3138)
Luminance0.6461 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EBCCBF #BFDEEB
analogous
#EBBFC8 #EBCCBF #EBE2BF
triadic
#EBCCBF #BFEBCC #CCBFEB
tetradic
#EBCCBF #C8EBBF #BFDEEB #E2BFEB
square
#EBCCBF #C8EBBF #BFDEEB #E2BFEB
split-complementary
#EBCCBF #BFEBE2 #BFC8EB
monochromatic
#CE8262 #DCA790 #EBCCBF #F8ECE8 #F8ECE8

Accessibility & contrast

On white

1.51
#EBCCBF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.92
#EBCCBF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EBCCBF
13.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EBCCBF#FFFFFF#000000##000000
##EBCCBF1.001.5113.9213.92
#FFFFFF1.511.0021.0021.00
#00000013.9221.001.001.00
##00000013.9221.001.001.00

Color blindness preview

Protanopia (red-blind)
#D4CFBE
Deuteranopia (green-blind)
#DBD5BF
Tritanopia (blue-blind)
#F4C7C8
Achromatopsia (no color)
#D2D2D2

Design tokens & code

CSS
--color: #ebccbf;
/* rgb */ color: rgb(235, 204, 191);
/* oklch */ color: oklch(86.8% 0.039 44.1);
Tailwind
colors: {
  custom: {
    50: '#f1dbd2',
    500: '#ebccbf',
    950: '#000000',
  },
}
SCSS
$custom: #ebccbf;
$custom-light: #f1dbd2;
$custom-dark: #000000;
JSON
{
  "hex": "#ebccbf",
  "rgb": {
    "r": 235,
    "g": 204,
    "b": 191
  },
  "hsl": {
    "h": 17.727,
    "s": 52.381,
    "l": 83.529
  },
  "oklch": {
    "l": 0.86786,
    "c": 0.03938,
    "h": 44.1
  },
  "luminance": 0.64609
}

Semantic roles & 50–950 ramp

primary
#EBCCBF
secondary
#87B4C7
accent
#92C026
background
#FFFEFE
surface
#FEFBFB
border
#D6D4D4
text
#171514
muted
#858483

Preview Lab

Preview with #EBCCBF

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

Preview Lab → · Contrast checker → · Palette generator →

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