ColorTool
Iniciar sesión
#030024

#030024 ≈ Oxford Blue

  • azul
  • Luminosidad: muy baja
  • Saturación: apagada
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#030024 es un color de la familia azul, con luminosidad muy baja y saturación apagada. En el modelo RGB se compone de 1,18% de rojo, 0% de verde y 14,12% de azul; impreso en CMYK usa 91,67% de cian, 100% de magenta, 0% de amarillo y 85,88% de negro. Su ángulo de tono es 245°, con 100% de saturación y 7,06% de luminosidad en HSL. Es un color frío, a menudo asociado con confianza, estabilidad y concentración. Los diseñadores suelen usarlo para productos tecnológicos, finanzas y banca y marcas de lujo. El texto blanco sobre este color alcanza una relación de contraste de 20,4:1 (WCAG AAA). El color con nombre más cercano es Oxford Blue (#002147), ΔE 9,71.

Descripción generada a partir de las propiedades medidas de este color.

HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#000033
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.0015

Complementario

  1. #030024
  2. #212400

Complementario dividido

  1. #030024
  2. #241500
  3. #0f2400

Análogo

  1. #000f24
  2. #030024
  3. #150024

Triádico

  1. #030024
  2. #240300
  3. #002403

Tetrádico

  1. #030024
  2. #240021
  3. #212400
  4. #002403

Cuadrado

  1. #030024
  2. #24000f
  3. #212400
  4. #002415

Monocromático

  1. #020014
  2. #020014
  3. #030024
  4. #090071
  5. #1000bd

Sombras

#030024 mezclado progresivamente con negro.

  1. #030024
  2. #030020
  3. #02001d
  4. #020019
  5. #020016
  6. #020012
  7. #01000e
  8. #01000b
  9. #010007
  10. #000004
  11. #000000

Tintes

#030024 mezclado progresivamente con blanco.

  1. #030024
  2. #1c1a3a
  3. #353350
  4. #4f4d66
  5. #68667c
  6. #818092
  7. #9a99a7
  8. #b3b3bd
  9. #cdccd3
  10. #e6e6e9
  11. #ffffff

Tonos

#030024 mezclado progresivamente con gris.

  1. #030024
  2. #100d2d
  3. #1c1a36
  4. #292640
  5. #353349
  6. #424052
  7. #4e4d5b
  8. #5b5a64
  9. #67666e
  10. #747377
  11. #808080

Texto legible 20.4:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 1.03:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #050505 ≈ 0.003% de los hombres
Acromatomalía #040316 ≈ 0.001% de los hombres
Protanopía #000625 ≈ 1.01% de los hombres
Deuteranopía #000423 ≈ 1.27% de los hombres
Tritanopía #000810 ≈ 0.0001% de los hombres
Protanomalía #000425 ≈ 1.08% de los hombres
Deuteranomalía #000224 ≈ 4.63% de los hombres
Tritanomalía #00051a ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-030024 {
  color: #030024;
}
Fondo
.bg-030024 {
  background-color: #030024;
  color: #ffffff;
}
Borde
.border-030024 {
  border: 2px solid #030024;
}
Variables CSS
:root {
  --color-primary: #030024;
  --color-primary-rgb: 3 0 36;
  --color-primary-hsl: 245 100% 7%;
}
Degradado
.gradient-030024 {
  background: linear-gradient(135deg, #030024, #150024);
}
Sombra de color
.shadow-030024 {
  box-shadow: 0 8px 24px rgb(3 0 36 / 0.35);
}

#002147 Oxford Blue ΔE 9.71 #010b13 Rich Black ΔE 13.33 #191970 Midnight Blue ΔE 15.05 #000000 Black ΔE 15.52 #1a1110 Licorice ΔE 15.65 #003153 Prussian Blue ΔE 15.79 #100c08 Smoky Black ΔE 16.98 #fcffdb Invertido #050505 Escala de grises 

Oxford Blue
#030024  rgb(3, 0, 36)  hsl(245, 100%, 7%)  Oxford Blue
#212400  rgb(33, 36, 0)  hsl(65, 100%, 7%)  Phthalo Green
#240300  rgb(36, 3, 0)  hsl(5, 100%, 7%)  Licorice
#002403  rgb(0, 36, 3)  hsl(125, 100%, 7%)  Phthalo Green