#3aa7f0 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #3aa7f0 | RGB(58, 167, 240) |
Creado en 09/29/2026 16:25
Clasificación de colores #3aa7f0
#3aa7f0 es Claro y Frío Color Saturación 86%, luminosidad 58%.
Tono claro de deepskyblue
RGB los valores son RGB(58, 167, 240)
#3aa7f0 el color contiene Rojo 22.75%, Verde 65.49% y Azul 94.12%.
oklch(69.99% 0.1443 242.67)
#3aa7f0 el color contiene Rojo 22.75%, Verde 65.49% y Azul 94.12%.
oklch(69.99% 0.1443 242.67)
Nombres de color de #3aa7f0 HEX código
≈ Picton Blue
colores alternativos de #3aa7f0
Color opuesto para #3aa7f0 – #f0833a
#3aa7f0 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #3aa7f0
cmyk
CMYK(76%, 30%, 0%, 6%)
Decimal
3844080
HEX
#3aa7f0
HSL
hsl(204, 86%, 58%)
HSLA
hsla(204, 86%, 58%, 1)
RGB
RGB(58, 167, 240)
RGBA
RGBA(58, 167, 240, 1)
Paletas para el color #3aa7f0:
A continuación ejemplos de paletas de colores para #3aa7f0 color HEX
el color más oscuro de los tonos oscuros es #061118 y el más claro de los tonos claros es #ebf6fe
Paleta de tonos oscuros de #3aa7f0:
#3496d8
#2e86c0
#2975a8
#236490
#1d5478
#174360
#113248
#0c2130
#061118
#000000
Paleta de tonos claros de #3aa7f0:
#4eb0f2
#61b9f3
#75c1f5
#89caf6
#9dd3f8
#b0dcf9
#c4e5fb
#d8edfc
#ebf6fe
#ffffff
Paleta complementaria de #3aa7f0:
#3aa7f0
#f0833a
Paleta triádica de #3aa7f0:
#3aa7f0
#f03aa7
#a7f03a
Paleta cuadrada de #3aa7f0:
#3aa7f0
#de3af0
#f0833a
#4cf03a
Paleta análoga de #3aa7f0:
#3af0de
#3aa7f0
#3a4cf0
Paleta dividida-complementaria de #3aa7f0:
#3aa7f0
#f03a4c
#f0de3a
Paleta rectangular (tetrádica) de #3aa7f0:
#3aa7f0
#833af0
#f0833a
#a7f03a
Paletas de colores sugeridas para #3aa7f0 HEX:
Paleta de colores con color #3aa7f0 #1:
Paleta de colores con color #3aa7f0 #2:
Paleta de colores con color #3aa7f0 #3:
Paleta de colores con color #3aa7f0 #4:
Paleta de colores con color #3aa7f0 #5:
Contraste de color
Combinaciones de colores #3aa7f0 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#3aa7f0
#3aa7f0 Relación de contraste
2.63:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#3aa7f0
#3aa7f0 Relación de contraste
7.96:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #3aa7f0 color png
Visita la lista de colores populares para más colores