#313ABB#313ABB

#313ABB es un color oscuro y vivo de la familia azul. Luminancia relativa 0.073; OKLCH L 43.4% C 0.198 H 271.7°. El mejor color de texto es #FFFFFF con contraste 8.56:1 (cumple WCAG AA).

Valores del color

HEX#313ABB
RGBrgb(49, 58, 187)
HSLhsl(236, 58%, 46%)
HSVhsv(236, 74%, 73%)
CMYKcmyk(73.8%, 69%, 0%, 26.7%)
CIE-LABlab(32.40, 40.41, -68.53)
CIE-LCHlch(32.40, 79.56, 300.53°)
OKLaboklab(43.39% 0.006 -0.1983)
OKLCHoklch(43.39% 0.198 271.7)
XYZxyz(11.7463, 7.2657, 47.7874)
Luminance0.0727 (WCAG relative)
Temperaturecool
Familyblue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#313ABB #BBB231
analogous
#317FBB #313ABB #6D31BB
triadic
#313ABB #BB313A #3ABB31
tetradic
#313ABB #BB317F #BBB231 #31BB6D
square
#313ABB #BB317F #BBB231 #31BB6D
split-complementary
#313ABB #BB6D31 #7FBB31
monochromatic
#181C5A #242B8B #313ABB #565ED3 #878DE0

Accesibilidad y contraste

On white

8.56
#313ABB on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.45
#313ABB on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #313ABB
8.56:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##313ABB#FFFFFF#000000##FFFFFF
##313ABB1.008.562.458.56
#FFFFFF8.561.0021.001.00
#0000002.4521.001.0021.00
##FFFFFF8.561.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#0053BF
Deuteranopia (green-blind)
#0046B9
Tritanopia (blue-blind)
#005D76
Achromatopsia (no color)
#4C4C4C

Tokens de diseño y código

CSS
--color: #313abb;
/* rgb */ color: rgb(49, 58, 187);
/* oklch */ color: oklch(43.4% 0.198 271.7);
Tailwind
colors: {
  custom: {
    50: '#7e71d1',
    500: '#313abb',
    950: '#000000',
  },
}
SCSS
$custom: #313abb;
$custom-light: #7e71d1;
$custom-dark: #000000;
JSON
{
  "hex": "#313abb",
  "rgb": {
    "r": 49,
    "g": 58,
    "b": 187
  },
  "hsl": {
    "h": 236.087,
    "s": 58.475,
    "l": 46.275
  },
  "oklch": {
    "l": 0.4339,
    "c": 0.19835,
    "h": 271.7
  },
  "luminance": 0.07267
}

Semantic roles & 50–950 ramp

primary
#313ABB
secondary
#C9C47F
accent
#D846E2
background
#F8F6FD
surface
#F0ECFA
border
#CBC7D3
text
#0C0714
muted
#7D7A83

Laboratorio de vista previa

Vista previa con #313ABB

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

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

#313ABB — Tintiva