#484DD4#484DD4

#484DD4 es un color medio y muy saturado de la familia azul. Luminancia relativa 0.114; OKLCH L 50.2% C 0.203 H 274.7°. El mejor color de texto es #FFFFFF con contraste 6.39:1 (cumple WCAG AA).

Valores del color

HEX#484DD4
RGBrgb(72, 77, 212)
HSLhsl(238, 62%, 56%)
HSVhsv(238, 66%, 83%)
CMYKcmyk(66%, 63.7%, 0%, 16.9%)
CIE-LABlab(40.31, 40.14, -70.08)
CIE-LCHlch(40.31, 80.76, 299.80°)
OKLaboklab(50.18% 0.0167 -0.2022)
OKLCHoklch(50.18% 0.203 274.7)
XYZxyz(17.2061, 11.4374, 63.5755)
Luminance0.1144 (WCAG relative)
Temperaturecool
Familyblue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#484DD4 #D4CF48
analogous
#4893D4 #484DD4 #8948D4
triadic
#484DD4 #D4484D #4DD448
tetradic
#484DD4 #D44893 #D4CF48 #48D489
square
#484DD4 #D44893 #D4CF48 #48D489
split-complementary
#484DD4 #D48948 #93D448
monochromatic
#1F2283 #2A2FB4 #484DD4 #7A7DE0 #ABADEB

Accesibilidad y contraste

On white

6.39
#484DD4 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.29
#484DD4 on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #484DD4
6.39:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##484DD4#FFFFFF#000000##FFFFFF
##484DD41.006.393.296.39
#FFFFFF6.391.0021.001.00
#0000003.2921.001.0021.00
##FFFFFF6.391.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#0065D8
Deuteranopia (green-blind)
#0059D1
Tritanopia (blue-blind)
#007089
Achromatopsia (no color)
#5F5F5F

Tokens de diseño y código

CSS
--color: #484dd4;
/* rgb */ color: rgb(72, 77, 212);
/* oklch */ color: oklch(50.2% 0.203 274.7);
Tailwind
colors: {
  custom: {
    50: '#8b7fe2',
    500: '#484dd4',
    950: '#000000',
  },
}
SCSS
$custom: #484dd4;
$custom-light: #8b7fe2;
$custom-dark: #000000;
JSON
{
  "hex": "#484dd4",
  "rgb": {
    "r": 72,
    "g": 77,
    "b": 212
  },
  "hsl": {
    "h": 237.857,
    "s": 61.947,
    "l": 55.686
  },
  "oklch": {
    "l": 0.50179,
    "c": 0.20285,
    "h": 274.7
  },
  "luminance": 0.11439
}

Semantic roles & 50–950 ramp

primary
#484DD4
secondary
#D9D79F
accent
#DF43E5
background
#F9F7FE
surface
#F2EEFC
border
#CCC9D5
text
#0D0A15
muted
#7E7C84

Laboratorio de vista previa

Vista previa con #484DD4

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

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

#484DD4 — Tintiva