#304c7f Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #304c7f | RGB(48, 76, 127) |
Creado en 09/30/2026 08:50
Clasificación de colores #304c7f
#304c7f es semioscuro y Frío Color Saturación 45%, luminosidad 34%.
Tono claro de darkslateblue
RGB los valores son RGB(48, 76, 127)
#304c7f el color contiene Rojo 18.82%, Verde 29.8% y Azul 49.8%.
oklch(42.05% 0.0919 261.52)
#304c7f el color contiene Rojo 18.82%, Verde 29.8% y Azul 49.8%.
oklch(42.05% 0.0919 261.52)
Nombres de color de #304c7f HEX código
≈ Chambray
colores alternativos de #304c7f
Color opuesto para #304c7f – #7f6330
#304c7f Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #304c7f
cmyk
CMYK(62%, 40%, 0%, 50%)
Decimal
3165311
HEX
#304c7f
HSL
hsl(219, 45%, 34%)
HSLA
hsla(219, 45%, 34%, 1)
RGB
RGB(48, 76, 127)
RGBA
RGBA(48, 76, 127, 1)
Paletas para el color #304c7f:
A continuación ejemplos de paletas de colores para #304c7f color HEX
el color más oscuro de los tonos oscuros es #05080d y el más claro de los tonos claros es #eaedf2
Paleta de tonos oscuros de #304c7f:
#2b4472
#263d66
#223559
#1d2e4c
#182640
#131e33
#0e1726
#0a0f19
#05080d
#000000
Paleta de tonos claros de #304c7f:
#455e8c
#597099
#6e82a5
#8394b2
#98a6bf
#acb7cc
#c1c9d9
#d6dbe5
#eaedf2
#ffffff
Paleta complementaria de #304c7f:
#304c7f
#7f6330
Paleta triádica de #304c7f:
#304c7f
#7f304c
#4c7f30
Paleta cuadrada de #304c7f:
#304c7f
#7f3073
#7f6330
#307f3b
Paleta análoga de #304c7f:
#30747f
#304c7f
#3c307f
Paleta dividida-complementaria de #304c7f:
#304c7f
#7f3c30
#737f30
Paleta rectangular (tetrádica) de #304c7f:
#304c7f
#63307f
#7f6330
#4c7f30
Paletas de colores sugeridas para #304c7f HEX:
Paleta de colores con color #304c7f #1:
Paleta de colores con color #304c7f #2:
Paleta de colores con color #304c7f #3:
Paleta de colores con color #304c7f #4:
Paleta de colores con color #304c7f #5:
Contraste de color
Combinaciones de colores #304c7f con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#304c7f
#304c7f Relación de contraste
8.51:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#304c7f
#304c7f Relación de contraste
2.46:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #304c7f color png
Visita la lista de colores populares para más colores