#423D23#423D23

#423D23 es un color oscuro y apagado de la familia amarillo. Luminancia relativa 0.046; OKLCH L 35.8% C 0.041 H 98.7°. El mejor color de texto es #FFFFFF con contraste 10.92:1 (cumple WCAG AA).

Valores del color

HEX	#423D23
RGB	rgb(66, 61, 35)
HSL	hsl(50, 31%, 20%)
HSV	hsv(50, 47%, 26%)
CMYK	cmyk(0%, 7.6%, 47%, 74.1%)
CIE-LAB	lab(25.62, -2.34, 16.80)
CIE-LCH	lch(25.62, 16.96, 97.93°)
OKLab	oklab(35.8% -0.0062 0.041)
OKLCH	oklch(35.8% 0.041 98.7)
XYZ	xyz(4.2190, 4.6172, 2.2588)
Luminance	0.0462 (WCAG relative)
Temperature	warm
Family	yellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#423D23 #232842

analogous

#422E23 #423D23 #374223

triadic

#423D23 #23423D #3D2342

tetradic

#423D23 #23422E #232842 #422337

square

#423D23 #23422E #232842 #422337

split-complementary

#423D23 #233742 #2E2342

monochromatic

#14120B #1A180E #423D23 #6A6238 #92874D

Accesibilidad y contraste

On white

10.92

#423D23 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.92

#423D23 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #423D23

10.92:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##423D23	#FFFFFF	#000000	##FFFFFF
##423D23	1.00	10.92	1.92	10.92
#FFFFFF	10.92	1.00	21.00	1.00
#000000	1.92	21.00	1.00	21.00
##FFFFFF	10.92	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#423C21

Deuteranopia (green-blind)

#433E24

Tritanopia (blue-blind)

#463A37

Achromatopsia (no color)

#3D3D3D

Tokens de diseño y código

CSS

--color: #423d23;
/* rgb */ color: rgb(66, 61, 35);
/* oklch */ color: oklch(35.8% 0.041 98.7);

Tailwind

colors: {
  custom: {
    50: '#77725e',
    500: '#423d23',
    950: '#000000',
  },
}

SCSS

$custom: #423d23;
$custom-light: #77725e;
$custom-dark: #000000;

JSON

{
  "hex": "#423d23",
  "rgb": {
    "r": 66,
    "g": 61,
    "b": 35
  },
  "hsl": {
    "h": 50.323,
    "s": 30.693,
    "l": 19.804
  },
  "oklch": {
    "l": 0.35795,
    "c": 0.04142,
    "h": 98.7
  },
  "luminance": 0.04617
}

Semantic roles & 50–950 ramp

primary

#423D23

secondary

#4C5275

accent

#71C761

background

#F7F6F5

surface

#EDECE9

border

#C8C7C5

text

#090704

muted

#7B7A79

Laboratorio de vista previa

Vista previa con #423D23

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

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