ColorTool
Iniciar sesión
#82BCD1

#82bcd1 ≈ Sky Blue

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

#82bcd1 es un color de la familia celeste, con luminosidad alta y saturación moderada. En el modelo RGB se compone de 50,98% de rojo, 73,73% de verde y 81,96% de azul; impreso en CMYK usa 37,8% de cian, 10,05% de magenta, 0% de amarillo y 18,04% de negro. Su ángulo de tono es 195,95°, con 46,2% de saturación y 66,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 acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 10,06:1 (WCAG AAA). El color con nombre más cercano es Sky Blue (#87ceeb), ΔE 5,05.

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

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

Complementario

  1. #82bcd1
  2. #d19782

Complementario dividido

  1. #82bcd1
  2. #d18294
  3. #d1bf82

Análogo

  1. #82d1bf
  2. #82bcd1
  3. #8294d1

Triádico

  1. #82bcd1
  2. #d182bc
  3. #bcd182

Tetrádico

  1. #82bcd1
  2. #9782d1
  3. #d19782
  4. #bcd182

Cuadrado

  1. #82bcd1
  2. #bf82d1
  3. #d19782
  4. #94d182

Monocromático

  1. #327188
  2. #4a9ebc
  3. #82bcd1
  4. #badae6
  5. #f0f7fa

Sombras

#82bcd1 mezclado progresivamente con negro.

  1. #82bcd1
  2. #75a9bc
  3. #6896a7
  4. #5b8492
  5. #4e717d
  6. #415e69
  7. #344b54
  8. #27383f
  9. #1a262a
  10. #0d1315
  11. #000000

Tintes

#82bcd1 mezclado progresivamente con blanco.

  1. #82bcd1
  2. #8fc3d6
  3. #9bc9da
  4. #a8d0df
  5. #b4d7e3
  6. #c1dee8
  7. #cde4ed
  8. #daebf1
  9. #e6f2f6
  10. #f3f8fa
  11. #ffffff

Tonos

#82bcd1 mezclado progresivamente con gris.

  1. #82bcd1
  2. #82b6c9
  3. #82b0c1
  4. #81aab9
  5. #81a4b1
  6. #819ea9
  7. #8198a0
  8. #819298
  9. #808c90
  10. #808688
  11. #808080

Texto legible 2.09:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 10.06:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b3b3b3 ≈ 0.003% de los hombres
Acromatomalía #a2b7c0 ≈ 0.001% de los hombres
Protanopía #b0b9d2 ≈ 1.01% de los hombres
Deuteranopía #a4afd1 ≈ 1.27% de los hombres
Tritanopía #64c3c2 ≈ 0.0001% de los hombres
Protanomalía #9fbad2 ≈ 1.08% de los hombres
Deuteranomalía #97b5d1 ≈ 4.63% de los hombres
Tritanomalía #71c0c8 ≈ 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-82bcd1 {
  color: #82bcd1;
}
Fondo
.bg-82bcd1 {
  background-color: #82bcd1;
  color: #000000;
}
Borde
.border-82bcd1 {
  border: 2px solid #82bcd1;
}
Variables CSS
:root {
  --color-primary: #82bcd1;
  --color-primary-rgb: 130 188 209;
  --color-primary-hsl: 196 46% 66%;
}
Degradado
.gradient-82bcd1 {
  background: linear-gradient(135deg, #82bcd1, #8294d1);
}
Sombra de color
.shadow-82bcd1 {
  box-shadow: 0 8px 24px rgb(130 188 209 / 0.35);
}

#87ceeb Sky Blue ΔE 5.05 #73a9c2 Moonstone Blue ΔE 5.59 #89cff0 Baby Blue ΔE 5.90 #87cefa Light Sky Blue ΔE 8.01 #add8e6 Light Blue ΔE 8.18 #a4dded Non-Photo Blue ΔE 8.46 #aec6cf Pastel Blue ΔE 8.50 #7d432e Invertido #b3b3b3 Escala de grises 

Sky Blue
#82bcd1  rgb(130, 188, 209)  hsl(196, 46%, 66%)  Sky Blue
#d19782  rgb(209, 151, 130)  hsl(16, 46%, 66%)  Dark Salmon
#d182bc  rgb(209, 130, 188)  hsl(316, 46%, 66%)  Sky Magenta
#bcd182  rgb(188, 209, 130)  hsl(76, 46%, 66%)  Pistachio