ColorTool
Iniciar sesión
#224992

#224992 ≈ Yale Blue

  • celeste
  • Luminosidad: baja
  • Saturación: moderada
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#224992 es un color de la familia celeste, con luminosidad baja y saturación moderada. En el modelo RGB se compone de 13,33% de rojo, 28,63% de verde y 57,25% de azul; impreso en CMYK usa 76,71% de cian, 50% de magenta, 0% de amarillo y 42,75% de negro. Su ángulo de tono es 219,11°, con 62,22% de saturación y 35,29% de luminosidad en HSL. Es un color frío, a menudo asociado con apertura, libertad y calma. Los diseñadores suelen usarlo para productos tecnológicos, finanzas y banca y acentos de marca. El texto blanco sobre este color alcanza una relación de contraste de 8,62:1 (WCAG AAA). El color con nombre más cercano es Yale Blue (#0f4d92), ΔE 2,87.

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

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

Complementario

  1. #224992
  2. #926b22

Complementario dividido

  1. #224992
  2. #923322
  3. #819222

Análogo

  1. #228192
  2. #224992
  3. #332292

Triádico

  1. #224992
  2. #922249
  3. #499222

Tetrádico

  1. #224992
  2. #6b2292
  3. #926b22
  4. #499222

Cuadrado

  1. #224992
  2. #922281
  3. #926b22
  4. #229233

Monocromático

  1. #050b16
  2. #142a54
  3. #224992
  4. #3168cf
  5. #6f96de

Sombras

#224992 mezclado progresivamente con negro.

  1. #224992
  2. #1f4283
  3. #1b3a75
  4. #183366
  5. #142c58
  6. #112549
  7. #0e1d3a
  8. #0a162c
  9. #070f1d
  10. #03070f
  11. #000000

Tintes

#224992 mezclado progresivamente con blanco.

  1. #224992
  2. #385b9d
  3. #4e6da8
  4. #6480b3
  5. #7a92be
  6. #91a4c9
  7. #a7b6d3
  8. #bdc8de
  9. #d3dbe9
  10. #e9edf4
  11. #ffffff

Tonos

#224992 mezclado progresivamente con gris.

  1. #224992
  2. #2b4f90
  3. #35548e
  4. #3e5a8d
  5. #485f8b
  6. #516589
  7. #5a6a87
  8. #647085
  9. #6d7584
  10. #777b82
  11. #808080

Texto legible 8.62:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 2.44:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #4c4c4c ≈ 0.003% de los hombres
Acromatomalía #3f4b6f ≈ 0.001% de los hombres
Protanopía #1f5195 ≈ 1.01% de los hombres
Deuteranopía #004791 ≈ 1.27% de los hombres
Tritanopía #005a66 ≈ 0.0001% de los hombres
Protanomalía #204e94 ≈ 1.08% de los hombres
Deuteranomalía #104891 ≈ 4.63% de los hombres
Tritanomalía #00547a ≈ 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-224992 {
  color: #224992;
}
Fondo
.bg-224992 {
  background-color: #224992;
  color: #ffffff;
}
Borde
.border-224992 {
  border: 2px solid #224992;
}
Variables CSS
:root {
  --color-primary: #224992;
  --color-primary-rgb: 34 73 146;
  --color-primary-hsl: 219 62% 35%;
}
Degradado
.gradient-224992 {
  background: linear-gradient(135deg, #224992, #332292);
}
Sombra de color
.shadow-224992 {
  box-shadow: 0 8px 24px rgb(34 73 146 / 0.35);
}

#0f4d92 Yale Blue ΔE 2.87 #0047ab Cobalt Blue ΔE 3.47 #0f52ba Sapphire ΔE 5.63 #003399 Smalt ΔE 7.35 #1034a6 Egyptian Blue ΔE 7.94 #1c39bb Persian Blue ΔE 8.57 #26619c Lapis Lazuli ΔE 8.65 #ddb66d Invertido #4c4c4c Escala de grises 

Yale Blue
#224992  rgb(34, 73, 146)  hsl(219, 62%, 35%)  Yale Blue
#926b22  rgb(146, 107, 34)  hsl(39, 62%, 35%)  Golden Brown
#922249  rgb(146, 34, 73)  hsl(339, 62%, 35%)  Claret
#499222  rgb(73, 146, 34)  hsl(99, 62%, 35%)  Islamic Green