#646E75#646E75

#646E75 es un color medio y casi neutro de la familia grey. Luminancia relativa 0.151; OKLCH L 53.2% C 0.016 H 238.3°. El mejor color de texto es #FFFFFF con contraste 5.21:1 (cumple WCAG AA).

Valores del color

HEX	#646E75
RGB	rgb(100, 110, 117)
HSL	hsl(205, 8%, 43%)
HSV	hsv(205, 15%, 46%)
CMYK	cmyk(14.5%, 6%, 0%, 54.1%)
CIE-LAB	lab(45.83, -2.20, -5.17)
CIE-LCH	lch(45.83, 5.62, 246.96°)
OKLab	oklab(53.22% -0.0086 -0.0139)
OKLCH	oklch(53.22% 0.016 238.3)
XYZ	xyz(14.0416, 15.1453, 19.0097)
Luminance	0.1515 (WCAG relative)
Temperature	neutral
Family	grey

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#646E75 #756B64

analogous

#647573 #646E75 #646675

triadic

#646E75 #75646E #6E7564

tetradic

#646E75 #736475 #756B64 #667564

square

#646E75 #736475 #756B64 #667564

split-complementary

#646E75 #756466 #757364

monochromatic

#2C3033 #484F54 #646E75 #828D94 #A3ABB0

Accesibilidad y contraste

On white

5.21

#646E75 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.03

#646E75 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #646E75

5.21:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##646E75	#FFFFFF	#000000	##FFFFFF
##646E75	1.00	5.21	4.03	5.21
#FFFFFF	5.21	1.00	21.00	1.00
#000000	4.03	21.00	1.00	21.00
##FFFFFF	5.21	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#6B6E75

Deuteranopia (green-blind)

#696C75

Tritanopia (blue-blind)

#607070

Achromatopsia (no color)

#6D6D6D

Tokens de diseño y código

CSS

--color: #646e75;
/* rgb */ color: rgb(100, 110, 117);
/* oklch */ color: oklch(53.2% 0.016 238.3);

Tailwind

colors: {
  custom: {
    50: '#90979c',
    500: '#646e75',
    950: '#000000',
  },
}

SCSS

$custom: #646e75;
$custom-light: #90979c;
$custom-dark: #000000;

JSON

{
  "hex": "#646e75",
  "rgb": {
    "r": 100,
    "g": 110,
    "b": 117
  },
  "hsl": {
    "h": 204.706,
    "s": 7.834,
    "l": 42.549
  },
  "oklch": {
    "l": 0.53217,
    "c": 0.0164,
    "h": 238.3
  },
  "luminance": 0.15146
}

Semantic roles & 50–950 ramp

primary

#646E75

secondary

#A09995

accent

#8F77B1

background

#F8F9F9

surface

#F0F2F2

border

#CBCCCC

text

#0C0D0E

muted

#7D7E7E

Laboratorio de vista previa

Vista previa con #646E75

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

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