#90E4FD#90E4FD

#90E4FD es un color muy claro y moderadamente saturado de la familia cian. Luminancia relativa 0.685; OKLCH L 87.4% C 0.088 H 218.8°. El mejor color de texto es #000000 con contraste 14.70:1 (cumple WCAG AA).

Valores del color

HEX#90E4FD
RGBrgb(144, 228, 253)
HSLhsl(194, 96%, 78%)
HSVhsv(194, 43%, 99%)
CMYKcmyk(43.1%, 9.9%, 0%, 0.8%)
CIE-LABlab(86.26, -19.20, -20.11)
CIE-LCHlch(86.26, 27.80, 226.33°)
OKLaboklab(87.4% -0.0689 -0.0554)
OKLCHoklch(87.4% 0.088 218.8)
XYZxyz(56.9682, 68.5038, 103.1301)
Luminance0.6851 (WCAG relative)
Temperaturecool
Familycyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#90E4FD #FDA990
analogous
#90FDDF #90E4FD #90AEFD
triadic
#90E4FD #FD90E4 #E4FD90
tetradic
#90E4FD #DF90FD #FDA990 #AEFD90
square
#90E4FD #DF90FD #FDA990 #AEFD90
split-complementary
#90E4FD #FD90AE #FDDF90
monochromatic
#18C7FB #54D5FC #90E4FD #CCF3FE #E1F8FE

Accesibilidad y contraste

On white

1.43
#90E4FD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.70
#90E4FD on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #90E4FD
14.70:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##90E4FD#FFFFFF#000000##000000
##90E4FD1.001.4314.7014.70
#FFFFFF1.431.0021.0021.00
#00000014.7021.001.001.00
##00000014.7021.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#D4DFFE
Deuteranopia (green-blind)
#C3D2FD
Tritanopia (blue-blind)
#5FEDEC
Achromatopsia (no color)
#D8D8D8

Tokens de diseño y código

CSS
--color: #90e4fd;
/* rgb */ color: rgb(144, 228, 253);
/* oklch */ color: oklch(87.4% 0.088 218.8);
Tailwind
colors: {
  custom: {
    50: '#b5ecfe',
    500: '#90e4fd',
    950: '#000000',
  },
}
SCSS
$custom: #90e4fd;
$custom-light: #b5ecfe;
$custom-dark: #000000;
JSON
{
  "hex": "#90e4fd",
  "rgb": {
    "r": 144,
    "g": 228,
    "b": 253
  },
  "hsl": {
    "h": 193.761,
    "s": 96.46,
    "l": 77.843
  },
  "oklch": {
    "l": 0.87399,
    "c": 0.08843,
    "h": 218.8
  },
  "luminance": 0.68508
}

Semantic roles & 50–950 ramp

primary
#90E4FD
secondary
#DE7353
accent
#3500E6
background
#FDFEFF
surface
#F8FDFF
border
#D1D5D7
text
#121617
muted
#828485

Laboratorio de vista previa

Vista previa con #90E4FD

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

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

#90E4FD — Tintiva