#210F17#210F17

#210F17 es un color muy oscuro y apagado de la familia rosa. Luminancia relativa 0.007; OKLCH L 19.8% C 0.033 H 352.4°. El mejor color de texto es #FFFFFF con contraste 18.33:1 (cumple WCAG AA).

Valores del color

HEX	#210F17
RGB	rgb(33, 15, 23)
HSL	hsl(333, 38%, 9%)
HSV	hsv(333, 55%, 13%)
CMYK	cmyk(0%, 54.5%, 30.3%, 87.1%)
CIE-LAB	lab(6.57, 10.54, -1.56)
CIE-LCH	lch(6.57, 10.65, 351.57°)
OKLab	oklab(19.8% 0.0328 -0.0044)
OKLCH	oklch(19.8% 0.033 352.4)
XYZ	xyz(0.9527, 0.7269, 0.9006)
Luminance	0.0073 (WCAG relative)
Temperature	warm
Family	pink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#210F17 #0F2119

analogous

#210F20 #210F17 #21100F

triadic

#210F17 #17210F #0F1721

tetradic

#210F17 #20210F #0F2119 #100F21

square

#210F17 #20210F #0F2119 #100F21

split-complementary

#210F17 #0F2110 #0F2021

monochromatic

#150A0F #150A0F #210F17 #4B2234 #753552

Accesibilidad y contraste

On white

18.33

#210F17 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.15

#210F17 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #210F17

18.33:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##210F17	#FFFFFF	#000000	##FFFFFF
##210F17	1.00	18.33	1.15	18.33
#FFFFFF	18.33	1.00	21.00	1.00
#000000	1.15	21.00	1.00	21.00
##FFFFFF	18.33	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#111317

Deuteranopia (green-blind)

#151617

Tritanopia (blue-blind)

#230E12

Achromatopsia (no color)

#151515

Tokens de diseño y código

CSS

--color: #210f17;
/* rgb */ color: rgb(33, 15, 23);
/* oklch */ color: oklch(19.8% 0.033 352.4);

Tailwind

colors: {
  custom: {
    50: '#5c4d53',
    500: '#210f17',
    950: '#000000',
  },
}

SCSS

$custom: #210f17;
$custom-light: #5c4d53;
$custom-dark: #000000;

JSON

{
  "hex": "#210f17",
  "rgb": {
    "r": 33,
    "g": 15,
    "b": 23
  },
  "hsl": {
    "h": 333.333,
    "s": 37.5,
    "l": 9.412
  },
  "oklch": {
    "l": 0.19801,
    "c": 0.03313,
    "h": 352.4
  },
  "luminance": 0.00727
}

Semantic roles & 50–950 ramp

primary

#210F17

secondary

#345848

accent

#CD9A5A

background

#F5F4F4

surface

#E9E7E7

border

#C5C3C3

text

#040102

muted

#797778

Laboratorio de vista previa

Vista previa con #210F17

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

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