#249CA4#249CA4

#249CA4 es un color claro y moderadamente saturado de la familia verde azulado. Luminancia relativa 0.268; OKLCH L 63.4% C 0.100 H 201.9°. El mejor color de texto es #000000 con contraste 6.37:1 (cumple WCAG AA).

Valores del color

HEX#249CA4
RGBrgb(36, 156, 164)
HSLhsl(184, 64%, 39%)
HSVhsv(184, 78%, 64%)
CMYKcmyk(78%, 4.9%, 0%, 35.7%)
CIE-LABlab(58.82, -28.53, -13.38)
CIE-LCHlch(58.82, 31.51, 205.12°)
OKLaboklab(63.41% -0.0927 -0.0372)
OKLCHoklch(63.41% 0.1 201.9)
XYZxyz(19.3138, 26.8299, 39.2755)
Luminance0.2683 (WCAG relative)
Temperaturecool
Familyteal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#249CA4 #A42C24
analogous
#24A46C #249CA4 #245CA4
triadic
#249CA4 #A4249C #9CA424
tetradic
#249CA4 #6C24A4 #A42C24 #5CA424
square
#249CA4 #6C24A4 #A42C24 #5CA424
split-complementary
#249CA4 #A4245C #A46C24
monochromatic
#0E3D40 #196C72 #249CA4 #33C8D2 #65D6DD

Accesibilidad y contraste

On white

3.30
#249CA4 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.37
#249CA4 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #249CA4
6.37:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##249CA4#FFFFFF#000000##000000
##249CA41.003.306.376.37
#FFFFFF3.301.0021.0021.00
#0000006.3721.001.001.00
##0000006.3721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#8F95A5
Deuteranopia (green-blind)
#7E88A5
Tritanopia (blue-blind)
#00A29E
Achromatopsia (no color)
#8D8D8D

Tokens de diseño y código

CSS
--color: #249ca4;
/* rgb */ color: rgb(36, 156, 164);
/* oklch */ color: oklch(63.4% 0.100 201.9);
Tailwind
colors: {
  custom: {
    50: '#76b9bf',
    500: '#249ca4',
    950: '#000000',
  },
}
SCSS
$custom: #249ca4;
$custom-light: #76b9bf;
$custom-dark: #000000;
JSON
{
  "hex": "#249ca4",
  "rgb": {
    "r": 36,
    "g": 156,
    "b": 164
  },
  "hsl": {
    "h": 183.75,
    "s": 64,
    "l": 39.216
  },
  "oklch": {
    "l": 0.6341,
    "c": 0.0999,
    "h": 201.9
  },
  "luminance": 0.26832
}

Semantic roles & 50–950 ramp

primary
#249CA4
secondary
#C36761
accent
#4B41E7
background
#F7FBFB
surface
#EEF6F6
border
#C9D0D0
text
#0A1112
muted
#7C8081

Laboratorio de vista previa

Vista previa con #249CA4

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

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

#249CA4 — Tintiva