#549ae3 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #549ae3 | RGB(84, 154, 227) |
Creado en 10/01/2026 09:08
Clasificación de colores #549ae3
#549ae3 es Claro y Frío Color Saturación 72%, luminosidad 61%.
Tono claro de dodgerblue
RGB los valores son RGB(84, 154, 227)
#549ae3 el color contiene Rojo 32.94%, Verde 60.39% y Azul 89.02%.
oklch(67.26% 0.13 251.2)
#549ae3 el color contiene Rojo 32.94%, Verde 60.39% y Azul 89.02%.
oklch(67.26% 0.13 251.2)
Nombres de color de #549ae3 HEX código
≈ Havelock Blue
colores alternativos de #549ae3
Color opuesto para #549ae3 – #e39d54
#549ae3 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #549ae3
cmyk
CMYK(63%, 32%, 0%, 11%)
Decimal
5544675
HEX
#549ae3
HSL
hsl(211, 72%, 61%)
HSLA
hsla(211, 72%, 61%, 1)
RGB
RGB(84, 154, 227)
RGBA
RGBA(84, 154, 227, 1)
Paletas para el color #549ae3:
A continuación ejemplos de paletas de colores para #549ae3 color HEX
el color más oscuro de los tonos oscuros es #080f17 y el más claro de los tonos claros es #eef5fc
Paleta de tonos oscuros de #549ae3:
#4c8bcc
#437bb6
#3b6c9f
#325c88
#2a4d72
#223e5b
#192e44
#111f2d
#080f17
#000000
Paleta de tonos claros de #549ae3:
#65a4e6
#76aee9
#87b8eb
#98c2ee
#aacdf1
#bbd7f4
#cce1f7
#ddebf9
#eef5fc
#ffffff
Paleta complementaria de #549ae3:
#549ae3
#e39d54
Paleta triádica de #549ae3:
#549ae3
#e3549a
#9ae354
Paleta cuadrada de #549ae3:
#549ae3
#e354e1
#e39d54
#54e355
Paleta análoga de #549ae3:
#54e1e3
#549ae3
#5654e3
Paleta dividida-complementaria de #549ae3:
#549ae3
#e35554
#e2e354
Paleta rectangular (tetrádica) de #549ae3:
#549ae3
#9d54e3
#e39d54
#9ae354
Paletas de colores sugeridas para #549ae3 HEX:
Paleta de colores con color #549ae3 #1:
Paleta de colores con color #549ae3 #2:
Paleta de colores con color #549ae3 #3:
Paleta de colores con color #549ae3 #4:
Paleta de colores con color #549ae3 #5:
Contraste de color
Combinaciones de colores #549ae3 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#549ae3
#549ae3 Relación de contraste
2.95:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#549ae3
#549ae3 Relación de contraste
7.1:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #549ae3 color png
Visita la lista de colores populares para más colores