#ECDFB1#ECDFB1

#ECDFB1 es un color muy claro y moderadamente saturado de la familia amarillo. Luminancia relativa 0.738; OKLCH L 90.3% C 0.062 H 94.1°. El mejor color de texto es #000000 con contraste 15.76:1 (cumple WCAG AA).

Valores del color

HEX#ECDFB1
RGBrgb(236, 223, 177)
HSLhsl(47, 61%, 81%)
HSVhsv(47, 25%, 93%)
CMYKcmyk(0%, 5.5%, 25%, 7.5%)
CIE-LABlab(88.82, -2.62, 24.20)
CIE-LCHlch(88.82, 24.34, 96.18°)
OKLaboklab(90.27% -0.0045 0.0615)
OKLCHoklch(90.27% 0.062 94.1)
XYZxyz(68.9158, 73.7840, 52.1978)
Luminance0.7378 (WCAG relative)
Temperaturewarm
Familyyellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#ECDFB1 #B1BEEC
analogous
#ECC1B1 #ECDFB1 #DBECB1
triadic
#ECDFB1 #B1ECDF #DFB1EC
tetradic
#ECDFB1 #B1ECC1 #B1BEEC #ECB1DB
square
#ECDFB1 #B1ECC1 #B1BEEC #ECB1DB
split-complementary
#ECDFB1 #B1DBEC #C1B1EC
monochromatic
#D4B74F #E0CB80 #ECDFB1 #F8F3E2 #F9F5E6

Accesibilidad y contraste

On white

1.33
#ECDFB1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.76
#ECDFB1 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #ECDFB1
15.76:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##ECDFB1#FFFFFF#000000##000000
##ECDFB11.001.3315.7615.76
#FFFFFF1.331.0021.0021.00
#00000015.7621.001.001.00
##00000015.7621.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#E9DDAE
Deuteranopia (green-blind)
#EDE1B2
Tritanopia (blue-blind)
#F6D8D2
Achromatopsia (no color)
#DFDFDF

Tokens de diseño y código

CSS
--color: #ecdfb1;
/* rgb */ color: rgb(236, 223, 177);
/* oklch */ color: oklch(90.3% 0.062 94.1);
Tailwind
colors: {
  custom: {
    50: '#f2e8c8',
    500: '#ecdfb1',
    950: '#000000',
  },
}
SCSS
$custom: #ecdfb1;
$custom-light: #f2e8c8;
$custom-dark: #000000;
JSON
{
  "hex": "#ecdfb1",
  "rgb": {
    "r": 236,
    "g": 223,
    "b": 177
  },
  "hsl": {
    "h": 46.78,
    "s": 60.825,
    "l": 80.98
  },
  "oklch": {
    "l": 0.90274,
    "c": 0.06165,
    "h": 94.1
  },
  "luminance": 0.73783
}

Semantic roles & 50–950 ramp

primary
#ECDFB1
secondary
#788AC9
accent
#43C91D
background
#FFFEFD
surface
#FEFCF9
border
#D6D5D2
text
#171613
muted
#858482

Laboratorio de vista previa

Vista previa con #ECDFB1

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

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#ECDFB1 — Tintiva