#10060D#10060D

#10060D es un color muy oscuro y apagado de la familia rosa. Luminancia relativa 0.003; OKLCH L 14.2% C 0.024 H 338.0°. El mejor color de texto es #FFFFFF con contraste 19.93:1 (cumple WCAG AA).

Valores del color

HEX	#10060D
RGB	rgb(16, 6, 13)
HSL	hsl(318, 45%, 4%)
HSV	hsv(318, 63%, 6%)
CMYK	cmyk(0%, 62.5%, 18.7%, 93.7%)
CIE-LAB	lab(2.43, 3.91, -1.73)
CIE-LCH	lch(2.43, 4.27, 336.14°)
OKLab	oklab(14.22% 0.0225 -0.0091)
OKLCH	oklch(14.22% 0.024 338)
XYZ	xyz(0.3515, 0.2695, 0.4142)
Luminance	0.0027 (WCAG relative)
Temperature	warm
Family	pink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#10060D #061009

analogous

#0E0610 #10060D #100608

triadic

#10060D #0D1006 #060D10

tetradic

#10060D #100E06 #061009 #060810

square

#10060D #100E06 #061009 #060810

split-complementary

#10060D #081006 #06100E

monochromatic

#160812 #160812 #160812 #3D1731 #692755

Accesibilidad y contraste

On white

19.93

#10060D on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.05

#10060D on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #10060D

19.93:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##10060D	#FFFFFF	#000000	##FFFFFF
##10060D	1.00	19.93	1.05	19.93
#FFFFFF	19.93	1.00	21.00	1.00
#000000	1.05	21.00	1.00	21.00
##FFFFFF	19.93	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#06080D

Deuteranopia (green-blind)

#08090D

Tritanopia (blue-blind)

#110608

Achromatopsia (no color)

#090909

Tokens de diseño y código

CSS

--color: #10060d;
/* rgb */ color: rgb(16, 6, 13);
/* oklch */ color: oklch(14.2% 0.024 338.0);

Tailwind

colors: {
  custom: {
    50: '#4e494d',
    500: '#10060d',
    950: '#000000',
  },
}

SCSS

$custom: #10060d;
$custom-light: #4e494d;
$custom-dark: #000000;

JSON

{
  "hex": "#10060d",
  "rgb": {
    "r": 16,
    "g": 6,
    "b": 13
  },
  "hsl": {
    "h": 318,
    "s": 45.455,
    "l": 4.314
  },
  "oklch": {
    "l": 0.14223,
    "c": 0.02422,
    "h": 338
  },
  "luminance": 0.00269
}

Semantic roles & 50–950 ramp

primary

#10060D

secondary

#274B32

accent

#D57A53

background

#F4F4F4

surface

#E7E6E7

border

#C3C2C3

text

#010001

muted

#777777

Laboratorio de vista previa

Vista previa con #10060D

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

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