#C4E3BE#C4E3BE

#C4E3BE es un color muy claro y apagado de la familia verde. Luminancia relativa 0.704; OKLCH L 88.3% C 0.060 H 140.6°. El mejor color de texto es #000000 con contraste 15.08:1 (cumple WCAG AA).

Valores del color

HEX#C4E3BE
RGBrgb(196, 227, 190)
HSLhsl(110, 40%, 82%)
HSVhsv(110, 16%, 89%)
CMYKcmyk(13.7%, 0%, 16.3%, 11%)
CIE-LABlab(87.19, -16.99, 14.71)
CIE-LCHlch(87.19, 22.48, 139.10°)
OKLaboklab(88.34% -0.0462 0.038)
OKLCHoklch(88.34% 0.06 140.6)
XYZxyz(59.5264, 70.3907, 59.1558)
Luminance0.7039 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#C4E3BE #DDBEE3
analogous
#D7E3BE #C4E3BE #BEE3CB
triadic
#C4E3BE #BEC4E3 #E3BEC4
tetradic
#C4E3BE #BED7E3 #DDBEE3 #E3CBBE
square
#C4E3BE #BED7E3 #DDBEE3 #E3CBBE
split-complementary
#C4E3BE #CBBEE3 #E3BED7
monochromatic
#76BE68 #9DD193 #C4E3BE #EBF5E9 #ECF6EA

Accesibilidad y contraste

On white

1.39
#C4E3BE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.08
#C4E3BE on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #C4E3BE
15.08:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##C4E3BE#FFFFFF#000000##000000
##C4E3BE1.001.3915.0815.08
#FFFFFF1.391.0021.0021.00
#00000015.0821.001.001.00
##00000015.0821.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#E5DCBC
Deuteranopia (green-blind)
#E0D9C0
Tritanopia (blue-blind)
#C2E0D8
Achromatopsia (no color)
#DADADA

Tokens de diseño y código

CSS
--color: #c4e3be;
/* rgb */ color: rgb(196, 227, 190);
/* oklch */ color: oklch(88.3% 0.060 140.6);
Tailwind
colors: {
  custom: {
    50: '#d6ebd1',
    500: '#c4e3be',
    950: '#000000',
  },
}
SCSS
$custom: #c4e3be;
$custom-light: #d6ebd1;
$custom-dark: #000000;
JSON
{
  "hex": "#c4e3be",
  "rgb": {
    "r": 196,
    "g": 227,
    "b": 190
  },
  "hsl": {
    "h": 110.27,
    "s": 39.785,
    "l": 81.765
  },
  "oklch": {
    "l": 0.8834,
    "c": 0.05977,
    "h": 140.6
  },
  "luminance": 0.70392
}

Semantic roles & 50–950 ramp

primary
#C4E3BE
secondary
#B489BC
accent
#33B39E
background
#FEFEFE
surface
#FBFDFB
border
#D4D5D4
text
#141614
muted
#838483

Laboratorio de vista previa

Vista previa con #C4E3BE

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

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

#C4E3BE — Tintiva