#306b77 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #306b77 | RGB(48, 107, 119) |
Creado en 10/01/2026 15:00
Clasificación de colores #306b77
#306b77 es semioscuro y Frío Color Saturación 43%, luminosidad 33%.
Tono claro de Verde azulado
RGB los valores son RGB(48, 107, 119)
#306b77 el color contiene Rojo 18.82%, Verde 41.96% y Azul 46.67%.
oklch(49.37% 0.0638 212.87)
#306b77 el color contiene Rojo 18.82%, Verde 41.96% y Azul 46.67%.
oklch(49.37% 0.0638 212.87)
Nombres de color de #306b77 HEX código
≈ Oracle
colores alternativos de #306b77
Color opuesto para #306b77 – #773c30
#306b77 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #306b77
cmyk
CMYK(60%, 10%, 0%, 53%)
Decimal
3173239
HEX
#306b77
HSL
hsl(190, 43%, 33%)
HSLA
hsla(190, 43%, 33%, 1)
RGB
RGB(48, 107, 119)
RGBA
RGBA(48, 107, 119, 1)
Paletas para el color #306b77:
A continuación ejemplos de paletas de colores para #306b77 color HEX
el color más oscuro de los tonos oscuros es #050b0c y el más claro de los tonos claros es #eaf0f1
Paleta de tonos oscuros de #306b77:
#2b606b
#26565f
#224b53
#1d4047
#18363c
#132b30
#0e2024
#0a1518
#050b0c
#000000
Paleta de tonos claros de #306b77:
#457a85
#598992
#6e97a0
#83a6ad
#98b5bb
#acc4c9
#c1d3d6
#d6e1e4
#eaf0f1
#ffffff
Paleta complementaria de #306b77:
#306b77
#773c30
Paleta triádica de #306b77:
#306b77
#77306b
#6b7730
Paleta cuadrada de #306b77:
#306b77
#5f3077
#773c30
#477730
Paleta análoga de #306b77:
#30775f
#306b77
#304877
Paleta dividida-complementaria de #306b77:
#306b77
#773048
#775f30
Paleta rectangular (tetrádica) de #306b77:
#306b77
#3c3077
#773c30
#6b7730
Paletas de colores sugeridas para #306b77 HEX:
Paleta de colores con color #306b77 #1:
Paleta de colores con color #306b77 #2:
Paleta de colores con color #306b77 #3:
Paleta de colores con color #306b77 #4:
Paleta de colores con color #306b77 #5:
Contraste de color
Combinaciones de colores #306b77 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#306b77
#306b77 Relación de contraste
6:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#306b77
#306b77 Relación de contraste
3.49:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #306b77 color png
Visita la lista de colores populares para más colores