#060102#060102

#060102 es un color muy oscuro y apagado de la familia rojo. Luminancia relativa 0.001; OKLCH L 8.9% C 0.022 H 3.6°. El mejor color de texto es #FFFFFF con contraste 20.73:1 (cumple WCAG AA).

Valores del color

HEX	#060102
RGB	rgb(6, 1, 2)
HSL	hsl(348, 71%, 1%)
HSV	hsv(348, 83%, 2%)
CMYK	cmyk(0%, 83.3%, 66.7%, 97.6%)
CIE-LAB	lab(0.59, 1.45, 0.08)
CIE-LCH	lch(0.59, 1.45, 3.26°)
OKLab	oklab(8.93% 0.0215 0.0013)
OKLCH	oklch(8.93% 0.022 3.6)
XYZ	xyz(0.0969, 0.0648, 0.0648)
Luminance	0.0006 (WCAG relative)
Temperature	warm
Family	red

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#060102 #010605

analogous

#060105 #060102 #060301

triadic

#060102 #020601 #010206

tetradic

#060102 #050601 #010605 #030106

square

#060102 #050601 #010605 #030106

split-complementary

#060102 #010603 #010506

monochromatic

#1A0409 #1A0409 #1A0409 #3A0A13 #6F1225

Accesibilidad y contraste

On white

20.73

#060102 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.01

#060102 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #060102

20.73:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##060102	#FFFFFF	#000000	##FFFFFF
##060102	1.00	20.73	1.01	20.73
#FFFFFF	20.73	1.00	21.00	1.00
#000000	1.01	21.00	1.00	21.00
##FFFFFF	20.73	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#020202

Deuteranopia (green-blind)

#030202

Tritanopia (blue-blind)

#070101

Achromatopsia (no color)

#020202

Tokens de diseño y código

CSS

--color: #060102;
/* rgb */ color: rgb(6, 1, 2);
/* oklch */ color: oklch(8.9% 0.022 3.6);

Tailwind

colors: {
  custom: {
    50: '#494748',
    500: '#060102',
    950: '#000000',
  },
}

SCSS

$custom: #060102;
$custom-light: #494748;
$custom-dark: #000000;

JSON

{
  "hex": "#060102",
  "rgb": {
    "r": 6,
    "g": 1,
    "b": 2
  },
  "hsl": {
    "h": 348,
    "s": 71.429,
    "l": 1.373
  },
  "oklch": {
    "l": 0.08932,
    "c": 0.02153,
    "h": 3.6
  },
  "luminance": 0.00065
}

Semantic roles & 50–950 ramp

primary

#060102

secondary

#194A40

accent

#EECA3A

background

#F4F3F4

surface

#E6E5E6

border

#C2C1C2

text

#000000

muted

#777777

Laboratorio de vista previa

Vista previa con #060102

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

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