#C2DFEA#C2DFEA

#C2DFEA es un color muy claro y apagado de la familia cian. Luminancia relativa 0.702; OKLCH L 88.6% C 0.034 H 222.7°. El mejor color de texto es #000000 con contraste 15.04:1 (cumple WCAG AA).

Valores del color

HEX#C2DFEA
RGBrgb(194, 223, 234)
HSLhsl(197, 49%, 84%)
HSVhsv(197, 17%, 92%)
CMYKcmyk(17.1%, 4.7%, 0%, 8.2%)
CIE-LABlab(87.09, -7.28, -8.58)
CIE-LCHlch(87.09, 11.25, 229.70°)
OKLaboklab(88.59% -0.0252 -0.0232)
OKLCHoklch(88.59% 0.034 222.7)
XYZxyz(63.4832, 70.1835, 88.0280)
Luminance0.7018 (WCAG relative)
Temperaturecool
Familycyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#C2DFEA #EACDC2
analogous
#C2EAE1 #C2DFEA #C2CBEA
triadic
#C2DFEA #EAC2DF #DFEAC2
tetradic
#C2DFEA #E1C2EA #EACDC2 #CBEAC2
square
#C2DFEA #E1C2EA #EACDC2 #CBEAC2
split-complementary
#C2DFEA #EAC2CB #EAE1C2
monochromatic
#67AFCB #94C7DA #C2DFEA #E8F3F7 #E8F3F7

Accesibilidad y contraste

On white

1.40
#C2DFEA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.04
#C2DFEA on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #C2DFEA
15.04:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##C2DFEA#FFFFFF#000000##000000
##C2DFEA1.001.4015.0415.04
#FFFFFF1.401.0021.0021.00
#00000015.0421.001.001.00
##00000015.0421.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#D9DDEB
Deuteranopia (green-blind)
#D2D8EA
Tritanopia (blue-blind)
#B7E3E2
Achromatopsia (no color)
#DADADA

Tokens de diseño y código

CSS
--color: #c2dfea;
/* rgb */ color: rgb(194, 223, 234);
/* oklch */ color: oklch(88.6% 0.034 222.7);
Tailwind
colors: {
  custom: {
    50: '#d4e9f0',
    500: '#c2dfea',
    950: '#000000',
  },
}
SCSS
$custom: #c2dfea;
$custom-light: #d4e9f0;
$custom-dark: #000000;
JSON
{
  "hex": "#c2dfea",
  "rgb": {
    "r": 194,
    "g": 223,
    "b": 234
  },
  "hsl": {
    "h": 196.5,
    "s": 48.78,
    "l": 83.922
  },
  "oklch": {
    "l": 0.88586,
    "c": 0.03425,
    "h": 222.7
  },
  "luminance": 0.70185
}

Semantic roles & 50–950 ramp

primary
#C2DFEA
secondary
#C69B8A
accent
#5229BC
background
#FEFEFF
surface
#FBFCFE
border
#D4D5D6
text
#141616
muted
#838485

Laboratorio de vista previa

Vista previa con #C2DFEA

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

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

#C2DFEA — Tintiva