#56a9ae Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #56a9ae | RGB(86, 169, 174) |
Creado en 12/09/2023 13:59
Clasificación de colores #56a9ae
#56a9ae es Claro y Frío Color Saturación 35%, luminosidad 51%.
Tono claro de cadetblue
RGB los valores son RGB(86, 169, 174)
#56a9ae el color contiene Rojo 33.73%, Verde 66.27% y Azul 68.24%.
oklch(68.49% 0.081 200.64)
#56a9ae el color contiene Rojo 33.73%, Verde 66.27% y Azul 68.24%.
oklch(68.49% 0.081 200.64)
Nombres de color de #56a9ae HEX código
≈ Tradewind
colores alternativos de #56a9ae
Color opuesto para #56a9ae – #ae5b56
#56a9ae Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #56a9ae
cmyk
CMYK(51%, 3%, 0%, 32%)
Decimal
5679534
HEX
#56a9ae
HSL
hsl(183, 35%, 51%)
HSLA
hsla(183, 35%, 51%, 1)
RGB
RGB(86, 169, 174)
RGBA
RGBA(86, 169, 174, 1)
Paletas para el color #56a9ae:
A continuación ejemplos de paletas de colores para #56a9ae color HEX
el color más oscuro de los tonos oscuros es #091111 y el más claro de los tonos claros es #eef6f7
Paleta de tonos oscuros de #56a9ae:
#4d989d
#45878b
#3c767a
#346568
#2b5557
#224446
#1a3334
#112223
#091111
#000000
Paleta de tonos claros de #56a9ae:
#67b2b6
#78babe
#89c3c6
#9acbce
#abd4d7
#bbdddf
#cce5e7
#ddeeef
#eef6f7
#ffffff
Paleta complementaria de #56a9ae:
#56a9ae
#ae5b56
Paleta triádica de #56a9ae:
#56a9ae
#ae56a9
#a9ae56
Paleta cuadrada de #56a9ae:
#56a9ae
#8756ae
#ae5b56
#7dae56
Paleta análoga de #56a9ae:
#56ae87
#56a9ae
#567dae
Paleta dividida-complementaria de #56a9ae:
#56a9ae
#ae567d
#ae8756
Paleta rectangular (tetrádica) de #56a9ae:
#56a9ae
#5b56ae
#ae5b56
#a9ae56
Paletas de colores sugeridas para #56a9ae HEX:
Paleta de colores con color #56a9ae #1:
Paleta de colores con color #56a9ae #2:
Paleta de colores con color #56a9ae #3:
Paleta de colores con color #56a9ae #4:
Paleta de colores con color #56a9ae #5:
Color #56a9ae usado en paletas (1)
Contraste de color
Combinaciones de colores #56a9ae con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#56a9ae
#56a9ae Relación de contraste
2.73:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#56a9ae
#56a9ae Relación de contraste
7.68:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #56a9ae color png
Visita la lista de colores populares para más colores