#3aabb1 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #3aabb1 | RGB(58, 171, 177) |
Creado en 09/29/2026 09:51
Clasificación de colores #3aabb1
#3aabb1 es Claro y Frío Color Saturación 51%, luminosidad 46%.
Tono oscuro de cadetblue
RGB los valores son RGB(58, 171, 177)
#3aabb1 el color contiene Rojo 22.75%, Verde 67.06% y Azul 69.41%.
oklch(68.14% 0.0994 200.18)
#3aabb1 el color contiene Rojo 22.75%, Verde 67.06% y Azul 69.41%.
oklch(68.14% 0.0994 200.18)
Nombres de color de #3aabb1 HEX código
≈ Pelorous
colores alternativos de #3aabb1
Color opuesto para #3aabb1 – #b1403a
#3aabb1 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #3aabb1
cmyk
CMYK(67%, 3%, 0%, 31%)
Decimal
3845041
HEX
#3aabb1
HSL
hsl(183, 51%, 46%)
HSLA
hsla(183, 51%, 46%, 1)
RGB
RGB(58, 171, 177)
RGBA
RGBA(58, 171, 177, 1)
Paletas para el color #3aabb1:
A continuación ejemplos de paletas de colores para #3aabb1 color HEX
el color más oscuro de los tonos oscuros es #061112 y el más claro de los tonos claros es #ebf7f7
Paleta de tonos oscuros de #3aabb1:
#349a9f
#2e898e
#29787c
#23676a
#1d5659
#174447
#113335
#0c2223
#061112
#000000
Paleta de tonos claros de #3aabb1:
#4eb3b9
#61bcc1
#75c4c8
#89cdd0
#9dd5d8
#b0dde0
#c4e6e8
#d8eeef
#ebf7f7
#ffffff
Paleta complementaria de #3aabb1:
#3aabb1
#b1403a
Paleta triádica de #3aabb1:
#3aabb1
#b13aab
#abb13a
Paleta cuadrada de #3aabb1:
#3aabb1
#7b3ab1
#b1403a
#70b13a
Paleta análoga de #3aabb1:
#3ab17b
#3aabb1
#3a70b1
Paleta dividida-complementaria de #3aabb1:
#3aabb1
#b13a70
#b17b3a
Paleta rectangular (tetrádica) de #3aabb1:
#3aabb1
#403ab1
#b1403a
#abb13a
Paletas de colores sugeridas para #3aabb1 HEX:
Paleta de colores con color #3aabb1 #1:
Paleta de colores con color #3aabb1 #2:
Paleta de colores con color #3aabb1 #3:
Paleta de colores con color #3aabb1 #4:
Paleta de colores con color #3aabb1 #5:
Contraste de color
Combinaciones de colores #3aabb1 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#3aabb1
#3aabb1 Relación de contraste
2.74:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#3aabb1
#3aabb1 Relación de contraste
7.63:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #3aabb1 color png
Visita la lista de colores populares para más colores