#a2b6d0 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #a2b6d0 | RGB(162, 182, 208) |
Creado en 09/30/2026 07:08
Clasificación de colores #a2b6d0
#a2b6d0 es Claro y Frío Color Saturación 33%, luminosidad 73%.
Tono oscuro de lightsteelblue
RGB los valores son RGB(162, 182, 208)
#a2b6d0 el color contiene Rojo 63.53%, Verde 71.37% y Azul 81.57%.
oklch(76.96% 0.0434 255.05)
#a2b6d0 el color contiene Rojo 63.53%, Verde 71.37% y Azul 81.57%.
oklch(76.96% 0.0434 255.05)
Nombres de color de #a2b6d0 HEX código
≈ Rock Blue
colores alternativos de #a2b6d0
Color opuesto para #a2b6d0 – #d0bca2
#a2b6d0 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #a2b6d0
cmyk
CMYK(22%, 12%, 0%, 18%)
Decimal
10663632
HEX
#a2b6d0
HSL
hsl(214, 33%, 73%)
HSLA
hsla(214, 33%, 73%, 1)
RGB
RGB(162, 182, 208)
RGBA
RGBA(162, 182, 208, 1)
Paletas para el color #a2b6d0:
A continuación ejemplos de paletas de colores para #a2b6d0 color HEX
el color más oscuro de los tonos oscuros es #101215 y el más claro de los tonos claros es #f6f8fa
Paleta de tonos oscuros de #a2b6d0:
#92a4bb
#8292a6
#717f92
#616d7d
#515b68
#414953
#31373e
#20242a
#101215
#000000
Paleta de tonos claros de #a2b6d0:
#abbdd5
#b5c5d9
#beccde
#c7d3e3
#d1dbe8
#dae2ec
#e3e9f1
#ecf0f6
#f6f8fa
#ffffff
Paleta complementaria de #a2b6d0:
#a2b6d0
#d0bca2
Paleta triádica de #a2b6d0:
#a2b6d0
#d0a2b6
#b6d0a2
Paleta cuadrada de #a2b6d0:
#a2b6d0
#d0a2cd
#d0bca2
#a2d0a5
Paleta análoga de #a2b6d0:
#a2cdd0
#a2b6d0
#a5a2d0
Paleta dividida-complementaria de #a2b6d0:
#a2b6d0
#d0a5a2
#cdd0a2
Paleta rectangular (tetrádica) de #a2b6d0:
#a2b6d0
#bca2d0
#d0bca2
#b6d0a2
Paletas de colores sugeridas para #a2b6d0 HEX:
Paleta de colores con color #a2b6d0 #1:
Paleta de colores con color #a2b6d0 #2:
Paleta de colores con color #a2b6d0 #3:
Paleta de colores con color #a2b6d0 #4:
Paleta de colores con color #a2b6d0 #5:
Contraste de color
Combinaciones de colores #a2b6d0 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#a2b6d0
#a2b6d0 Relación de contraste
2.07:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#a2b6d0
#a2b6d0 Relación de contraste
10.13:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #a2b6d0 color png
Visita la lista de colores populares para más colores