#3D5D89#3D5D89

#3D5D89 es un color medio y moderadamente saturado de la familia cian. Luminancia relativa 0.106; OKLCH L 47.4% C 0.081 H 256.6°. El mejor color de texto es #FFFFFF con contraste 6.72:1 (cumple WCAG AA).

Valores del color

HEX	#3D5D89
RGB	rgb(61, 93, 137)
HSL	hsl(215, 38%, 39%)
HSV	hsv(215, 55%, 54%)
CMYK	cmyk(55.5%, 32.1%, 0%, 46.3%)
CIE-LAB	lab(38.94, 1.96, -28.01)
CIE-LCH	lch(38.94, 28.08, 274.00°)
OKLab	oklab(47.4% -0.0188 -0.0788)
OKLCH	oklch(47.4% 0.081 256.6)
XYZ	xyz(10.3526, 10.6261, 25.1676)
Luminance	0.1063 (WCAG relative)
Temperature	cool
Family	cyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#3D5D89 #89693D

analogous

#3D8389 #3D5D89 #433D89

triadic

#3D5D89 #893D5D #5D893D

tetradic

#3D5D89 #893D83 #89693D #3D8943

square

#3D5D89 #893D83 #89693D #3D8943

split-complementary

#3D5D89 #89433D #83893D

monochromatic

#172434 #2A405F #3D5D89 #517AB2 #7C9AC5

Accesibilidad y contraste

On white

6.72

#3D5D89 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.13

#3D5D89 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #3D5D89

6.72:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##3D5D89	#FFFFFF	#000000	##FFFFFF
##3D5D89	1.00	6.72	3.13	6.72
#FFFFFF	6.72	1.00	21.00	1.00
#000000	3.13	21.00	1.00	21.00
##FFFFFF	6.72	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#4B608B

Deuteranopia (green-blind)

#425888

Tritanopia (blue-blind)

#11676D

Achromatopsia (no color)

#5C5C5C

Tokens de diseño y código

CSS

--color: #3d5d89;
/* rgb */ color: rgb(61, 93, 137);
/* oklch */ color: oklch(47.4% 0.081 256.6);

Tailwind

colors: {
  custom: {
    50: '#788aab',
    500: '#3d5d89',
    950: '#000000',
  },
}

SCSS

$custom: #3d5d89;
$custom-light: #788aab;
$custom-dark: #000000;

JSON

{
  "hex": "#3d5d89",
  "rgb": {
    "r": 61,
    "g": 93,
    "b": 137
  },
  "hsl": {
    "h": 214.737,
    "s": 38.384,
    "l": 38.824
  },
  "oklch": {
    "l": 0.47395,
    "c": 0.08105,
    "h": 256.6
  },
  "luminance": 0.10627
}

Semantic roles & 50–950 ramp

primary

#3D5D89

secondary

#AE9673

accent

#9D59CE

background

#F7F8FA

surface

#EEF0F4

border

#C9CBCE

text

#090B10

muted

#7B7C7F

Laboratorio de vista previa

Vista previa con #3D5D89

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

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