#645341#645341

#645341 es un color medio y apagado de la familia naranja. Luminancia relativa 0.093; OKLCH L 45.4% C 0.036 H 68.3°. El mejor color de texto es #FFFFFF con contraste 7.35:1 (cumple WCAG AA).

Valores del color

HEX	#645341
RGB	rgb(100, 83, 65)
HSL	hsl(31, 21%, 32%)
HSV	hsv(31, 35%, 39%)
CMYK	cmyk(0%, 17%, 35%, 60.8%)
CIE-LAB	lab(36.51, 4.07, 13.18)
CIE-LCH	lch(36.51, 13.80, 72.83°)
OKLab	oklab(45.43% 0.0133 0.0333)
OKLCH	oklch(45.43% 0.036 68.3)
XYZ	xyz(9.3031, 9.2779, 6.3008)
Luminance	0.0928 (WCAG relative)
Temperature	warm
Family	orange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#645341 #415264

analogous

#644241 #645341 #646441

triadic

#645341 #416453 #534164

tetradic

#645341 #416442 #415264 #644164

square

#645341 #416442 #415264 #644164

split-complementary

#645341 #416464 #424164

monochromatic

#1A1511 #3F3429 #645341 #897259 #A79078

Accesibilidad y contraste

On white

7.35

#645341 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.86

#645341 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #645341

7.35:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##645341	#FFFFFF	#000000	##FFFFFF
##645341	1.00	7.35	2.86	7.35
#FFFFFF	7.35	1.00	21.00	1.00
#000000	2.86	21.00	1.00	21.00
##FFFFFF	7.35	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#595440

Deuteranopia (green-blind)

#5D5741

Tritanopia (blue-blind)

#6A4F4E

Achromatopsia (no color)

#565656

Tokens de diseño y código

CSS

--color: #645341;
/* rgb */ color: rgb(100, 83, 65);
/* oklch */ color: oklch(45.4% 0.036 68.3);

Tailwind

colors: {
  custom: {
    50: '#918375',
    500: '#645341',
    950: '#000000',
  },
}

SCSS

$custom: #645341;
$custom-light: #918375;
$custom-dark: #000000;

JSON

{
  "hex": "#645341",
  "rgb": {
    "r": 100,
    "g": 83,
    "b": 65
  },
  "hsl": {
    "h": 30.857,
    "s": 21.212,
    "l": 32.353
  },
  "oklch": {
    "l": 0.45425,
    "c": 0.03588,
    "h": 68.3
  },
  "luminance": 0.09277
}

Semantic roles & 50–950 ramp

primary

#645341

secondary

#6E8093

accent

#93BE6A

background

#F8F8F7

surface

#F0EFED

border

#CBCAC8

text

#0D0A08

muted

#7D7C7B

Laboratorio de vista previa

Vista previa con #645341

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

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