#352D3F#352D3F

#352D3F es un color oscuro y apagado de la familia violeta. Luminancia relativa 0.030; OKLCH L 31.4% C 0.033 H 304.8°. El mejor color de texto es #FFFFFF con contraste 13.14:1 (cumple WCAG AA).

Valores del color

HEX	#352D3F
RGB	rgb(53, 45, 63)
HSL	hsl(267, 17%, 21%)
HSV	hsv(267, 29%, 25%)
CMYK	cmyk(15.9%, 28.6%, 0%, 75.3%)
CIE-LAB	lab(20.01, 7.94, -10.03)
CIE-LCH	lch(20.01, 12.79, 308.39°)
OKLab	oklab(31.35% 0.019 -0.0274)
OKLCH	oklch(31.35% 0.033 304.8)
XYZ	xyz(3.3036, 2.9925, 5.1052)
Luminance	0.0299 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#352D3F #373F2D

analogous

#2D2E3F #352D3F #3E2D3F

triadic

#352D3F #3F352D #2D3F35

tetradic

#352D3F #3F2D2E #373F2D #2D3F3E

square

#352D3F #3F2D2E #373F2D #2D3F3E

split-complementary

#352D3F #3F3E2D #2E3F2D

monochromatic

#0F0D12 #17131B #352D3F #534663 #716086

Accesibilidad y contraste

On white

13.14

#352D3F on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.60

#352D3F on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #352D3F

13.14:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##352D3F	#FFFFFF	#000000	##FFFFFF
##352D3F	1.00	13.14	1.60	13.14
#FFFFFF	13.14	1.00	21.00	1.00
#000000	1.60	21.00	1.00	21.00
##FFFFFF	13.14	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#2A3040

Deuteranopia (green-blind)

#2B303E

Tritanopia (blue-blind)

#342F33

Achromatopsia (no color)

#303030

Tokens de diseño y código

CSS

--color: #352d3f;
/* rgb */ color: rgb(53, 45, 63);
/* oklch */ color: oklch(31.4% 0.033 304.8);

Tailwind

colors: {
  custom: {
    50: '#6c6574',
    500: '#352d3f',
    950: '#000000',
  },
}

SCSS

$custom: #352d3f;
$custom-light: #6c6574;
$custom-dark: #000000;

JSON

{
  "hex": "#352d3f",
  "rgb": {
    "r": 53,
    "g": 45,
    "b": 63
  },
  "hsl": {
    "h": 266.667,
    "s": 16.667,
    "l": 21.176
  },
  "oklch": {
    "l": 0.31353,
    "c": 0.03335,
    "h": 304.8
  },
  "luminance": 0.02993
}

Semantic roles & 50–950 ramp

primary

#352D3F

secondary

#657058

accent

#B96E98

background

#F6F6F7

surface

#EBEBED

border

#C6C6C8

text

#070508

muted

#7A7A7B

Laboratorio de vista previa

Vista previa con #352D3F

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

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