#110E4E#110E4E

#110E4E es un color muy oscuro y moderadamente saturado de la familia azul. Luminancia relativa 0.010; OKLCH L 22.5% C 0.111 H 274.7°. El mejor color de texto es #FFFFFF con contraste 17.55:1 (cumple WCAG AA).

Valores del color

HEX#110E4E
RGBrgb(17, 14, 78)
HSLhsl(243, 70%, 18%)
HSVhsv(243, 82%, 31%)
CMYKcmyk(78.2%, 82.1%, 0%, 69.4%)
CIE-LABlab(8.85, 25.24, -38.42)
CIE-LCHlch(8.85, 45.97, 303.31°)
OKLaboklab(22.51% 0.0092 -0.1111)
OKLCHoklch(22.51% 0.111 274.7)
XYZxyz(1.7629, 0.9831, 7.3031)
Luminance0.0098 (WCAG relative)
Temperaturecool
Familyblue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#110E4E #4B4E0E
analogous
#0E2B4E #110E4E #310E4E
triadic
#110E4E #4E110E #0E4E11
tetradic
#110E4E #4E0E2B #4B4E0E #0E4E31
square
#110E4E #4E0E2B #4B4E0E #0E4E31
split-complementary
#110E4E #4E310E #2B4E0E
monochromatic
#06051A #06051A #110E4E #1C1782 #2821B6

Accesibilidad y contraste

On white

17.55
#110E4E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.20
#110E4E on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #110E4E
17.55:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##110E4E#FFFFFF#000000##FFFFFF
##110E4E1.0017.551.2017.55
#FFFFFF17.551.0021.001.00
#0000001.2021.001.0021.00
##FFFFFF17.551.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#001C50
Deuteranopia (green-blind)
#00164D
Tritanopia (blue-blind)
#00212D
Achromatopsia (no color)
#191919

Tokens de diseño y código

CSS
--color: #110e4e;
/* rgb */ color: rgb(17, 14, 78);
/* oklch */ color: oklch(22.5% 0.111 274.7);
Tailwind
colors: {
  custom: {
    50: '#5b4d80',
    500: '#110e4e',
    950: '#000000',
  },
}
SCSS
$custom: #110e4e;
$custom-light: #5b4d80;
$custom-dark: #000000;
JSON
{
  "hex": "#110e4e",
  "rgb": {
    "r": 17,
    "g": 14,
    "b": 78
  },
  "hsl": {
    "h": 242.813,
    "s": 69.565,
    "l": 18.039
  },
  "oklch": {
    "l": 0.22508,
    "c": 0.11147,
    "h": 274.7
  },
  "luminance": 0.00983
}

Semantic roles & 50–950 ramp

primary
#110E4E
secondary
#84892F
accent
#EC3BE4
background
#F5F4F7
surface
#E9E7EE
border
#C5C3C9
text
#04010A
muted
#79777C

Laboratorio de vista previa

Vista previa con #110E4E

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

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

#110E4E — Tintiva