ColorTool
Iniciar sesión
#0862B2

#0862b2 ≈ Lapis Lazuli

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

#0862b2 es un color de la familia celeste, con luminosidad baja y saturación fuerte. En el modelo RGB se compone de 3,14% de rojo, 38,43% de verde y 69,8% de azul; impreso en CMYK usa 95,51% de cian, 44,94% de magenta, 0% de amarillo y 30,2% de negro. Su ángulo de tono es 208,24°, con 91,4% de saturación y 36,47% 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 botones de llamada a la acción. El texto blanco sobre este color alcanza una relación de contraste de 6,18:1 (WCAG AA). El color con nombre más cercano es Lapis Lazuli (#26619c), ΔE 2,29.

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

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

Complementario

  1. #0862b2
  2. #b25808

Complementario dividido

  1. #0862b2
  2. #b2080d
  3. #b2ad08

Análogo

  1. #08b2ad
  2. #0862b2
  3. #080db2

Triádico

  1. #0862b2
  2. #b20862
  3. #62b208

Tetrádico

  1. #0862b2
  2. #5808b2
  3. #b25808
  4. #62b208

Cuadrado

  1. #0862b2
  2. #ad08b2
  3. #b25808
  4. #0db208

Monocromático

  1. #011120
  2. #053a69
  3. #0862b2
  4. #128af4
  5. #5baef8

Sombras

#0862b2 mezclado progresivamente con negro.

  1. #0862b2
  2. #0758a0
  3. #064e8e
  4. #06457d
  5. #053b6b
  6. #043159
  7. #032747
  8. #021d35
  9. #021424
  10. #010a12
  11. #000000

Tintes

#0862b2 mezclado progresivamente con blanco.

  1. #0862b2
  2. #2172ba
  3. #3981c1
  4. #5291c9
  5. #6ba1d1
  6. #84b1d9
  7. #9cc0e0
  8. #b5d0e8
  9. #cee0f0
  10. #e6eff7
  11. #ffffff

Tonos

#0862b2 mezclado progresivamente con gris.

  1. #0862b2
  2. #1465ad
  3. #2068a8
  4. #2c6ba3
  5. #386e9e
  6. #447199
  7. #507494
  8. #5c778f
  9. #687a8a
  10. #747d85
  11. #808080

Texto legible 6.18:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 3.4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #616161 ≈ 0.003% de los hombres
Acromatomalía #4c6289 ≈ 0.001% de los hombres
Protanopía #3769b5 ≈ 1.01% de los hombres
Deuteranopía #0e5bb0 ≈ 1.27% de los hombres
Tritanopía #007581 ≈ 0.0001% de los hombres
Protanomalía #2a66b4 ≈ 1.08% de los hombres
Deuteranomalía #0c5eb1 ≈ 4.63% de los hombres
Tritanomalía #006e97 ≈ 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-0862b2 {
  color: #0862b2;
}
Fondo
.bg-0862b2 {
  background-color: #0862b2;
  color: #ffffff;
}
Borde
.border-0862b2 {
  border: 2px solid #0862b2;
}
Variables CSS
:root {
  --color-primary: #0862b2;
  --color-primary-rgb: 8 98 178;
  --color-primary-hsl: 208 91% 36%;
}
Degradado
.gradient-0862b2 {
  background: linear-gradient(135deg, #0862b2, #080db2);
}
Sombra de color
.shadow-0862b2 {
  box-shadow: 0 8px 24px rgb(8 98 178 / 0.35);
}

#26619c Lapis Lazuli ΔE 2.29 #1560bd Denim ΔE 2.36 #0067a5 Medium Persian Blue ΔE 3.61 #436b95 Queen Blue ΔE 5.30 #0072bb French Blue ΔE 6.11 #0f52ba Sapphire ΔE 6.51 #0073cf True Blue ΔE 6.66 #f79d4d Invertido #616161 Escala de grises 

Lapis Lazuli
#0862b2  rgb(8, 98, 178)  hsl(208, 91%, 36%)  Lapis Lazuli
#b25808  rgb(178, 88, 8)  hsl(28, 91%, 36%)  Burnt Orange
#b20862  rgb(178, 8, 98)  hsl(328, 91%, 36%)  Jazzberry Jam
#62b208  rgb(98, 178, 8)  hsl(88, 91%, 36%)  Kelly Green