ColorTool
Iniciar sesión
#086B99

#086b99 ≈ Sea Blue

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

#086b99 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, 41,96% de verde y 60% de azul; impreso en CMYK usa 94,77% de cian, 30,07% de magenta, 0% de amarillo y 40% de negro. Su ángulo de tono es 199,03°, con 90,06% de saturación y 31,57% 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 identidades corporativas. El texto blanco sobre este color alcanza una relación de contraste de 5,88:1 (WCAG AA). El color con nombre más cercano es Sea Blue (#006994), ΔE 1,23.

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.1287

Complementario

  1. #086b99
  2. #993608

Complementario dividido

  1. #086b99
  2. #990823
  3. #997e08

Análogo

  1. #08997e
  2. #086b99
  3. #082399

Triádico

  1. #086b99
  2. #99086b
  3. #6b9908

Tetrádico

  1. #086b99
  2. #360899
  3. #993608
  4. #6b9908

Cuadrado

  1. #086b99
  2. #7e0899
  3. #993608
  4. #239908

Monocromático

  1. #010e13
  2. #043850
  3. #086b99
  4. #0c9ee2
  5. #45bdf5

Sombras

#086b99 mezclado progresivamente con negro.

  1. #086b99
  2. #07608a
  3. #06567a
  4. #064b6b
  5. #05405c
  6. #04364d
  7. #032b3d
  8. #02202e
  9. #02151f
  10. #010b0f
  11. #000000

Tintes

#086b99 mezclado progresivamente con blanco.

  1. #086b99
  2. #217aa3
  3. #3989ad
  4. #5297b8
  5. #6ba6c2
  6. #84b5cc
  7. #9cc4d6
  8. #b5d3e0
  9. #cee1eb
  10. #e6f0f5
  11. #ffffff

Tonos

#086b99 mezclado progresivamente con gris.

  1. #086b99
  2. #146d97
  3. #206f94
  4. #2c7192
  5. #38738f
  6. #44768d
  7. #50788a
  8. #5c7a88
  9. #687c85
  10. #747e83
  11. #808080

Texto legible 5.88:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 3.57:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #646464 ≈ 0.003% de los hombres
Acromatomalía #4f677d ≈ 0.001% de los hombres
Protanopía #556b9b ≈ 1.01% de los hombres
Deuteranopía #425f98 ≈ 1.27% de los hombres
Tritanopía #00777b ≈ 0.0001% de los hombres
Protanomalía #426b9a ≈ 1.08% de los hombres
Deuteranomalía #346499 ≈ 4.63% de los hombres
Tritanomalía #007288 ≈ 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-086b99 {
  color: #086b99;
}
Fondo
.bg-086b99 {
  background-color: #086b99;
  color: #ffffff;
}
Borde
.border-086b99 {
  border: 2px solid #086b99;
}
Variables CSS
:root {
  --color-primary: #086b99;
  --color-primary-rgb: 8 107 153;
  --color-primary-hsl: 199 90% 32%;
}
Degradado
.gradient-086b99 {
  background: linear-gradient(135deg, #086b99, #082399);
}
Sombra de color
.shadow-086b99 {
  box-shadow: 0 8px 24px rgb(8 107 153 / 0.35);
}

#006994 Sea Blue ΔE 1.23 #0067a5 Medium Persian Blue ΔE 3.86 #0072bb French Blue ΔE 5.80 #007ba7 Cerulean ΔE 6.07 #436b95 Queen Blue ΔE 6.29 #26619c Lapis Lazuli ΔE 6.41 #0073cf True Blue ΔE 8.32 #f79466 Invertido #646464 Escala de grises 

Sea Blue
#086b99  rgb(8, 107, 153)  hsl(199, 90%, 32%)  Sea Blue
#993608  rgb(153, 54, 8)  hsl(19, 90%, 32%)  Saddle Brown
#99086b  rgb(153, 8, 107)  hsl(319, 90%, 32%)  Jazzberry Jam
#6b9908  rgb(107, 153, 8)  hsl(79, 90%, 32%)  Olive Drab