#968178#968178

#968178 es un color medio y apagado de la familia naranja. Luminancia relativa 0.235; OKLCH L 62.0% C 0.029 H 44.6°. El mejor color de texto es #000000 con contraste 5.71:1 (cumple WCAG AA).

Valores del color

HEX	#968178
RGB	rgb(150, 129, 120)
HSL	hsl(18, 13%, 53%)
HSV	hsv(18, 20%, 59%)
CMYK	cmyk(0%, 14%, 20%, 41.2%)
CIE-LAB	lab(55.63, 6.50, 7.84)
CIE-LCH	lch(55.63, 10.18, 50.34°)
OKLab	oklab(61.99% 0.0208 0.0205)
OKLCH	oklch(61.99% 0.029 44.6)
XYZ	xyz(23.8181, 23.5413, 21.0549)
Luminance	0.2354 (WCAG relative)
Temperature	warm
Family	orange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#968178 #788D96

analogous

#96787E #968178 #969078

triadic

#968178 #789681 #817896

tetradic

#968178 #7E9678 #788D96 #907896

square

#968178 #7E9678 #788D96 #907896

split-complementary

#968178 #789690 #787E96

monochromatic

#534641 #75635B #968178 #B1A19A #CCC1BD

Accesibilidad y contraste

On white

3.68

#968178 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.71

#968178 on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #968178

5.71:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##968178	#FFFFFF	#000000	##000000
##968178	1.00	3.68	5.71	5.71
#FFFFFF	3.68	1.00	21.00	21.00
#000000	5.71	21.00	1.00	1.00
##000000	5.71	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#868377

Deuteranopia (green-blind)

#8B8778

Tritanopia (blue-blind)

#9C7E7E

Achromatopsia (no color)

#858585

Tokens de diseño y código

CSS

--color: #968178;
/* rgb */ color: rgb(150, 129, 120);
/* oklch */ color: oklch(62.0% 0.029 44.6);

Tailwind

colors: {
  custom: {
    50: '#b5a59f',
    500: '#968178',
    950: '#000000',
  },
}

SCSS

$custom: #968178;
$custom-light: #b5a59f;
$custom-dark: #000000;

JSON

{
  "hex": "#968178",
  "rgb": {
    "r": 150,
    "g": 129,
    "b": 120
  },
  "hsl": {
    "h": 18,
    "s": 12.5,
    "l": 52.941
  },
  "oklch": {
    "l": 0.61993,
    "c": 0.02915,
    "h": 44.6
  },
  "luminance": 0.23541
}

Semantic roles & 50–950 ramp

primary

#968178

secondary

#AEB7BB

accent

#A1B572

background

#FBFAF9

surface

#F6F4F2

border

#D0CECC

text

#110F0E

muted

#807F7E

Laboratorio de vista previa

Vista previa con #968178

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

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