#97D2E5#97D2E5

#97D2E5 es un color muy claro y moderadamente saturado de la familia cian. Luminancia relativa 0.583; OKLCH L 83.0% C 0.066 H 219.8°. El mejor color de texto es #000000 con contraste 12.67:1 (cumple WCAG AA).

Valores del color

HEX#97D2E5
RGBrgb(151, 210, 229)
HSLhsl(195, 60%, 75%)
HSVhsv(195, 34%, 90%)
CMYKcmyk(34.1%, 8.3%, 0%, 10.2%)
CIE-LABlab(80.92, -14.27, -15.40)
CIE-LCHlch(80.92, 21.00, 227.18°)
OKLaboklab(82.99% -0.0506 -0.0422)
OKLCHoklch(82.99% 0.066 219.8)
XYZxyz(49.9473, 58.3269, 82.7399)
Luminance0.5833 (WCAG relative)
Temperaturecool
Familycyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#97D2E5 #E5AA97
analogous
#97E5D1 #97D2E5 #97ABE5
triadic
#97D2E5 #E597D2 #D2E597
tetradic
#97D2E5 #D197E5 #E5AA97 #ABE597
square
#97D2E5 #D197E5 #E5AA97 #ABE597
split-complementary
#97D2E5 #E597AB #E5D197
monochromatic
#35A8CD #66BDD9 #97D2E5 #C8E7F1 #E7F4F9

Accesibilidad y contraste

On white

1.66
#97D2E5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.67
#97D2E5 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #97D2E5
12.67:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##97D2E5#FFFFFF#000000##000000
##97D2E51.001.6612.6712.67
#FFFFFF1.661.0021.0021.00
#00000012.6721.001.001.00
##00000012.6721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#C6CEE6
Deuteranopia (green-blind)
#BAC5E5
Tritanopia (blue-blind)
#7BD9D8
Achromatopsia (no color)
#C9C9C9

Tokens de diseño y código

CSS
--color: #97d2e5;
/* rgb */ color: rgb(151, 210, 229);
/* oklch */ color: oklch(83.0% 0.066 219.8);
Tailwind
colors: {
  custom: {
    50: '#b8dfed',
    500: '#97d2e5',
    950: '#000000',
  },
}
SCSS
$custom: #97d2e5;
$custom-light: #b8dfed;
$custom-dark: #000000;
JSON
{
  "hex": "#97d2e5",
  "rgb": {
    "r": 151,
    "g": 210,
    "b": 229
  },
  "hsl": {
    "h": 194.615,
    "s": 60,
    "l": 74.51
  },
  "oklch": {
    "l": 0.82994,
    "c": 0.06585,
    "h": 219.8
  },
  "luminance": 0.5833
}

Semantic roles & 50–950 ramp

primary
#97D2E5
secondary
#BF7862
accent
#471EC8
background
#FDFEFE
surface
#F8FCFD
border
#D1D5D5
text
#121516
muted
#828484

Laboratorio de vista previa

Vista previa con #97D2E5

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

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

#97D2E5 — Tintiva