#a2d7e9 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #a2d7e9 | RGB(162, 215, 233) |
Creado en 10/01/2026 10:02
Clasificación de colores #a2d7e9
#a2d7e9 es Claro y Frío Color Saturación 62%, luminosidad 77%.
Tono oscuro de lightblue
RGB los valores son RGB(162, 215, 233)
#a2d7e9 el color contiene Rojo 63.53%, Verde 84.31% y Azul 91.37%.
oklch(84.84% 0.06 220.79)
#a2d7e9 el color contiene Rojo 63.53%, Verde 84.31% y Azul 91.37%.
oklch(84.84% 0.06 220.79)
Nombres de color de #a2d7e9 HEX código
≈ Regent St Blue
colores alternativos de #a2d7e9
Color opuesto para #a2d7e9 – #e9b4a2
#a2d7e9 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #a2d7e9
cmyk
CMYK(30%, 8%, 0%, 9%)
Decimal
10672105
HEX
#a2d7e9
HSL
hsl(195, 62%, 77%)
HSLA
hsla(195, 62%, 77%, 1)
RGB
RGB(162, 215, 233)
RGBA
RGBA(162, 215, 233, 1)
Paletas para el color #a2d7e9:
A continuación ejemplos de paletas de colores para #a2d7e9 color HEX
el color más oscuro de los tonos oscuros es #101517 y el más claro de los tonos claros es #f6fbfd
Paleta de tonos oscuros de #a2d7e9:
#92c2d2
#82acba
#7197a3
#61818c
#516c75
#41565d
#314146
#202b2f
#101517
#000000
Paleta de tonos claros de #a2d7e9:
#abdbeb
#b5dfed
#bee3f0
#c7e7f2
#d1ebf4
#daeff6
#e3f3f8
#ecf7fb
#f6fbfd
#ffffff
Paleta complementaria de #a2d7e9:
#a2d7e9
#e9b4a2
Paleta triádica de #a2d7e9:
#a2d7e9
#e9a2d7
#d7e9a2
Paleta cuadrada de #a2d7e9:
#a2d7e9
#d7a2e9
#e9b4a2
#b3e9a2
Paleta análoga de #a2d7e9:
#a2e9d7
#a2d7e9
#a2b4e9
Paleta dividida-complementaria de #a2d7e9:
#a2d7e9
#e9a2b4
#e9d7a2
Paleta rectangular (tetrádica) de #a2d7e9:
#a2d7e9
#b4a2e9
#e9b4a2
#d7e9a2
Paletas de colores sugeridas para #a2d7e9 HEX:
Paleta de colores con color #a2d7e9 #1:
Paleta de colores con color #a2d7e9 #2:
Paleta de colores con color #a2d7e9 #3:
Paleta de colores con color #a2d7e9 #4:
Paleta de colores con color #a2d7e9 #5:
Contraste de color
Combinaciones de colores #a2d7e9 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#a2d7e9
#a2d7e9 Relación de contraste
1.56:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#a2d7e9
#a2d7e9 Relación de contraste
13.43:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #a2d7e9 color png
Visita la lista de colores populares para más colores