#090F16#090F16

#090F16 es un color muy oscuro y casi neutro de la familia cian. Luminancia relativa 0.005; OKLCH L 16.6% C 0.018 H 252.6°. El mejor color de texto es #FFFFFF con contraste 19.24:1 (cumple WCAG AA).

Valores del color

HEX	#090F16
RGB	rgb(9, 15, 22)
HSL	hsl(212, 42%, 6%)
HSV	hsv(212, 59%, 9%)
CMYK	cmyk(59.1%, 31.8%, 0%, 91.4%)
CIE-LAB	lab(4.13, -0.27, -4.67)
CIE-LCH	lch(4.13, 4.68, 266.67°)
OKLab	oklab(16.58% -0.0053 -0.0168)
OKLCH	oklch(16.58% 0.018 252.6)
XYZ	xyz(0.4283, 0.4576, 0.8247)
Luminance	0.0046 (WCAG relative)
Temperature	cool
Family	cyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#090F16 #161009

analogous

#091516 #090F16 #090916

triadic

#090F16 #16090F #0F1609

tetradic

#090F16 #160915 #161009 #091609

square

#090F16 #160915 #161009 #091609

split-complementary

#090F16 #160909 #151609

monochromatic

#090F16 #090F16 #090F16 #1B2D41 #2D4A6D

Accesibilidad y contraste

On white

19.24

#090F16 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.09

#090F16 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #090F16

19.24:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##090F16	#FFFFFF	#000000	##FFFFFF
##090F16	1.00	19.24	1.09	19.24
#FFFFFF	19.24	1.00	21.00	1.00
#000000	1.09	21.00	1.00	21.00
##FFFFFF	19.24	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#0C0F16

Deuteranopia (green-blind)

#0B0E16

Tritanopia (blue-blind)

#051111

Achromatopsia (no color)

#0E0E0E

Tokens de diseño y código

CSS

--color: #090f16;
/* rgb */ color: rgb(9, 15, 22);
/* oklch */ color: oklch(16.6% 0.018 252.6);

Tailwind

colors: {
  custom: {
    50: '#4a4e52',
    500: '#090f16',
    950: '#000000',
  },
}

SCSS

$custom: #090f16;
$custom-light: #4a4e52;
$custom-dark: #000000;

JSON

{
  "hex": "#090f16",
  "rgb": {
    "r": 9,
    "g": 15,
    "b": 22
  },
  "hsl": {
    "h": 212.308,
    "s": 41.935,
    "l": 6.078
  },
  "oklch": {
    "l": 0.16578,
    "c": 0.01762,
    "h": 252.6
  },
  "luminance": 0.00458
}

Semantic roles & 50–950 ramp

primary

#090F16

secondary

#4F3F2B

accent

#9956D2

background

#F4F4F4

surface

#E7E7E7

border

#C3C3C3

text

#010102

muted

#777778

Laboratorio de vista previa

Vista previa con #090F16

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

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