#507c8e Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #507c8e | RGB(80, 124, 142) |
Creado en 09/30/2026 23:41
Clasificación de colores #507c8e
#507c8e es Claro y Frío Color Saturación 28%, luminosidad 44%.
Tono oscuro de slategrey
RGB los valores son RGB(80, 124, 142)
#507c8e el color contiene Rojo 31.37%, Verde 48.63% y Azul 55.69%.
oklch(56.13% 0.0558 225.76)
#507c8e el color contiene Rojo 31.37%, Verde 48.63% y Azul 55.69%.
oklch(56.13% 0.0558 225.76)
Nombres de color de #507c8e HEX código
≈ Smalt Blue
colores alternativos de #507c8e
Color opuesto para #507c8e – #8e6250
#507c8e Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #507c8e
cmyk
CMYK(44%, 13%, 0%, 44%)
Decimal
5274766
HEX
#507c8e
HSL
hsl(197, 28%, 44%)
HSLA
hsla(197, 28%, 44%, 1)
RGB
RGB(80, 124, 142)
RGBA
RGBA(80, 124, 142, 1)
Paletas para el color #507c8e:
A continuación ejemplos de paletas de colores para #507c8e color HEX
el color más oscuro de los tonos oscuros es #080c0e y el más claro de los tonos claros es #eef2f4
Paleta de tonos oscuros de #507c8e:
#487080
#406372
#385763
#304a55
#283e47
#203239
#18252b
#10191c
#080c0e
#000000
Paleta de tonos claros de #507c8e:
#628999
#7396a5
#85a3b0
#96b0bb
#a8bec7
#b9cbd2
#cbd8dd
#dce5e8
#eef2f4
#ffffff
Paleta complementaria de #507c8e:
#507c8e
#8e6250
Paleta triádica de #507c8e:
#507c8e
#8e507c
#7c8e50
Paleta cuadrada de #507c8e:
#507c8e
#81508e
#8e6250
#5d8e50
Paleta análoga de #507c8e:
#508e81
#507c8e
#505d8e
Paleta dividida-complementaria de #507c8e:
#507c8e
#8e505d
#8e8150
Paleta rectangular (tetrádica) de #507c8e:
#507c8e
#62508e
#8e6250
#7c8e50
Paletas de colores sugeridas para #507c8e HEX:
Paleta de colores con color #507c8e #1:
Paleta de colores con color #507c8e #2:
Paleta de colores con color #507c8e #3:
Paleta de colores con color #507c8e #4:
Paleta de colores con color #507c8e #5:
Contraste de color
Combinaciones de colores #507c8e con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#507c8e
#507c8e Relación de contraste
4.55:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#507c8e
#507c8e Relación de contraste
4.61:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #507c8e color png
Visita la lista de colores populares para más colores