#654E23#654E23

#654E23 es un color oscuro y moderadamente saturado de la familia naranja. Luminancia relativa 0.083; OKLCH L 43.8% C 0.067 H 81.1°. El mejor color de texto es #FFFFFF con contraste 7.87:1 (cumple WCAG AA).

Valores del color

HEX	#654E23
RGB	rgb(101, 78, 35)
HSL	hsl(39, 49%, 27%)
HSV	hsv(39, 65%, 40%)
CMYK	cmyk(0%, 22.8%, 65.3%, 60.4%)
CIE-LAB	lab(34.68, 4.24, 28.64)
CIE-LCH	lch(34.68, 28.96, 81.58°)
OKLab	oklab(43.84% 0.0104 0.0664)
OKLCH	oklch(43.84% 0.067 81.1)
XYZ	xyz(8.3950, 8.3374, 2.7569)
Luminance	0.0834 (WCAG relative)
Temperature	warm
Family	orange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#654E23 #233A65

analogous

#652D23 #654E23 #5B6523

triadic

#654E23 #23654E #4E2365

tetradic

#654E23 #23652D #233A65 #65235B

square

#654E23 #23652D #233A65 #65235B

split-complementary

#654E23 #235B65 #2D2365

monochromatic

#171208 #382B13 #654E23 #927133 #BE9444

Accesibilidad y contraste

On white

7.87

#654E23 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.67

#654E23 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #654E23

7.87:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##654E23	#FFFFFF	#000000	##FFFFFF
##654E23	1.00	7.87	2.67	7.87
#FFFFFF	7.87	1.00	21.00	1.00
#000000	2.67	21.00	1.00	21.00
##FFFFFF	7.87	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#584E1F

Deuteranopia (green-blind)

#5D5424

Tritanopia (blue-blind)

#6E4744

Achromatopsia (no color)

#525252

Tokens de diseño y código

CSS

--color: #654e23;
/* rgb */ color: rgb(101, 78, 35);
/* oklch */ color: oklch(43.8% 0.067 81.1);

Tailwind

colors: {
  custom: {
    50: '#937f5f',
    500: '#654e23',
    950: '#000000',
  },
}

SCSS

$custom: #654e23;
$custom-light: #937f5f;
$custom-dark: #000000;

JSON

{
  "hex": "#654e23",
  "rgb": {
    "r": 101,
    "g": 78,
    "b": 35
  },
  "hsl": {
    "h": 39.091,
    "s": 48.529,
    "l": 26.667
  },
  "oklch": {
    "l": 0.43844,
    "c": 0.06717,
    "h": 81.1
  },
  "luminance": 0.08337
}

Semantic roles & 50–950 ramp

primary

#654E23

secondary

#4B6699

accent

#7FD850

background

#F9F7F5

surface

#F2EEE9

border

#CCC9C5

text

#0D0A05

muted

#7E7C79

Laboratorio de vista previa

Vista previa con #654E23

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

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