#a2b7cc Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #a2b7cc | RGB(162, 183, 204) |
Creado en 09/29/2026 06:47
Clasificación de colores #a2b7cc
#a2b7cc es Claro y Frío Color Saturación 29%, luminosidad 72%.
Tono oscuro de lightsteelblue
RGB los valores son RGB(162, 183, 204)
#a2b7cc el color contiene Rojo 63.53%, Verde 71.76% y Azul 80%.
oklch(77.03% 0.038 248.32)
#a2b7cc el color contiene Rojo 63.53%, Verde 71.76% y Azul 80%.
oklch(77.03% 0.038 248.32)
Nombres de color de #a2b7cc HEX código
≈ Rock Blue
colores alternativos de #a2b7cc
Color opuesto para #a2b7cc – #ccb7a2
#a2b7cc Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #a2b7cc
cmyk
CMYK(21%, 10%, 0%, 20%)
Decimal
10663884
HEX
#a2b7cc
HSL
hsl(210, 29%, 72%)
HSLA
hsla(210, 29%, 72%, 1)
RGB
RGB(162, 183, 204)
RGBA
RGBA(162, 183, 204, 1)
Paletas para el color #a2b7cc:
A continuación ejemplos de paletas de colores para #a2b7cc color HEX
el color más oscuro de los tonos oscuros es #101214 y el más claro de los tonos claros es #f6f8fa
Paleta de tonos oscuros de #a2b7cc:
#92a5b8
#8292a3
#71808f
#616e7a
#515c66
#414952
#31373d
#202529
#101214
#000000
Paleta de tonos claros de #a2b7cc:
#abbed1
#b5c5d6
#becddb
#c7d4e0
#d1dbe6
#dae2eb
#e3e9f0
#ecf1f5
#f6f8fa
#ffffff
Paleta complementaria de #a2b7cc:
#a2b7cc
#ccb7a2
Paleta triádica de #a2b7cc:
#a2b7cc
#cca2b7
#b7cca2
Paleta cuadrada de #a2b7cc:
#a2b7cc
#cca2cc
#ccb7a2
#a2cca2
Paleta análoga de #a2b7cc:
#a2cccc
#a2b7cc
#a2a2cc
Paleta dividida-complementaria de #a2b7cc:
#a2b7cc
#cca2a2
#cccca2
Paleta rectangular (tetrádica) de #a2b7cc:
#a2b7cc
#b7a2cc
#ccb7a2
#b7cca2
Paletas de colores sugeridas para #a2b7cc HEX:
Paleta de colores con color #a2b7cc #1:
Paleta de colores con color #a2b7cc #2:
Paleta de colores con color #a2b7cc #3:
Paleta de colores con color #a2b7cc #4:
Paleta de colores con color #a2b7cc #5:
Contraste de color
Combinaciones de colores #a2b7cc con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#a2b7cc
#a2b7cc Relación de contraste
2.06:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#a2b7cc
#a2b7cc Relación de contraste
10.18:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #a2b7cc color png
Visita la lista de colores populares para más colores