ColorTool
Iniciar sesión
#9697CC

#9697cc ≈ Wild Blue Yonder

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

#9697cc es un color de la familia azul, con luminosidad alta y saturación apagada. En el modelo RGB se compone de 58,82% de rojo, 59,22% de verde y 80% de azul; impreso en CMYK usa 26,47% de cian, 25,98% de magenta, 0% de amarillo y 20% de negro. Su ángulo de tono es 238,89°, con 34,62% de saturación y 69,41% 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 acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 7,6:1 (WCAG AAA). El color con nombre más cercano es Wild Blue Yonder (#a2add0), ΔE 7,44.

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

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

Complementario

  1. #9697cc
  2. #cccb96

Complementario dividido

  1. #9697cc
  2. #ccb096
  3. #b2cc96

Análogo

  1. #96b2cc
  2. #9697cc
  3. #b096cc

Triádico

  1. #9697cc
  2. #cc9697
  3. #97cc96

Tetrádico

  1. #9697cc
  2. #cb96cc
  3. #cccb96
  4. #97cc96

Cuadrado

  1. #9697cc
  2. #cc96b2
  3. #cccb96
  4. #96ccb0

Monocromático

  1. #424387
  2. #6264b3
  3. #9697cc
  4. #c9cae5
  5. #f1f1f8

Sombras

#9697cc mezclado progresivamente con negro.

  1. #9697cc
  2. #8788b8
  3. #7879a3
  4. #696a8f
  5. #5a5b7a
  6. #4b4c66
  7. #3c3c52
  8. #2d2d3d
  9. #1e1e29
  10. #0f0f14
  11. #000000

Tintes

#9697cc mezclado progresivamente con blanco.

  1. #9697cc
  2. #a1a1d1
  3. #abacd6
  4. #b6b6db
  5. #c0c1e0
  6. #cbcbe6
  7. #d5d5eb
  8. #e0e0f0
  9. #eaeaf5
  10. #f5f5fa
  11. #ffffff

Tonos

#9697cc mezclado progresivamente con gris.

  1. #9697cc
  2. #9495c4
  3. #9292bd
  4. #8f90b5
  5. #8d8eae
  6. #8b8ca6
  7. #89899e
  8. #878797
  9. #84858f
  10. #828288
  11. #808080

Texto legible 2.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 7.6:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #9b9b9b ≈ 0.003% de los hombres
Acromatomalía #999ab1 ≈ 0.001% de los hombres
Protanopía #899dce ≈ 1.01% de los hombres
Deuteranopía #879acb ≈ 1.27% de los hombres
Tritanopía #89a0a9 ≈ 0.0001% de los hombres
Protanomalía #8e9bcd ≈ 1.08% de los hombres
Deuteranomalía #8d99cb ≈ 4.63% de los hombres
Tritanomalía #8f9db8 ≈ 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-9697cc {
  color: #9697cc;
}
Fondo
.bg-9697cc {
  background-color: #9697cc;
  color: #000000;
}
Borde
.border-9697cc {
  border: 2px solid #9697cc;
}
Variables CSS
:root {
  --color-primary: #9697cc;
  --color-primary-rgb: 150 151 204;
  --color-primary-hsl: 239 35% 69%;
}
Degradado
.gradient-9697cc {
  background: linear-gradient(135deg, #9697cc, #b096cc);
}
Sombra de color
.shadow-9697cc {
  box-shadow: 0 8px 24px rgb(150 151 204 / 0.35);
}

#a2add0 Wild Blue Yonder ΔE 7.44 #8c92ac Cool Gray ΔE 7.77 #9678b6 Purple Mountain Majesty ΔE 11.09 #c9a0dc Wisteria ΔE 11.90 #b39eb5 Pastel Purple ΔE 12.31 #b57edc Floral Lavender ΔE 12.46 #6082b6 Glaucous ΔE 12.84 #696833 Invertido #9b9b9b Escala de grises 

Wild Blue Yonder
#9697cc  rgb(150, 151, 204)  hsl(239, 35%, 69%)  Wild Blue Yonder
#cccb96  rgb(204, 203, 150)  hsl(59, 35%, 69%)  Sage
#cc9697  rgb(204, 150, 151)  hsl(359, 35%, 69%)  Rosy Brown
#97cc96  rgb(151, 204, 150)  hsl(119, 35%, 69%)  Dark Sea Green