#f56a31 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #f56a31 | RGB(245, 106, 49) |
Creado en 03/14/2023 00:28
Clasificación de colores #f56a31
#f56a31 es Claro y Cálido Color Saturación 91%, luminosidad 58%.
Tono oscuro de coral
RGB los valores son RGB(245, 106, 49)
#f56a31 el color contiene Rojo 96.08%, Verde 41.57% y Azul 19.22%.
oklch(68.80% 0.1843 40.82)
#f56a31 el color contiene Rojo 96.08%, Verde 41.57% y Azul 19.22%.
oklch(68.80% 0.1843 40.82)
Nombres de color de #f56a31 HEX código
≈ Burning Orange
colores alternativos de #f56a31
Color opuesto para #f56a31 – #31bcf5
#f56a31 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #f56a31
cmyk
CMYK(0%, 57%, 80%, 4%)
Decimal
16083505
HEX
#f56a31
HSL
hsl(17, 91%, 58%)
HSLA
hsla(17, 91%, 58%, 1)
RGB
RGB(245, 106, 49)
RGBA
RGBA(245, 106, 49, 1)
Paletas para el color #f56a31:
A continuación ejemplos de paletas de colores para #f56a31 color HEX
el color más oscuro de los tonos oscuros es #180b05 y el más claro de los tonos claros es #fef0ea
Paleta de tonos oscuros de #f56a31:
#dd5f2c
#c45527
#ac4a22
#93401d
#7b3519
#622a14
#4a200f
#31150a
#180b05
#000000
Paleta de tonos claros de #f56a31:
#f67946
#f7885a
#f8976f
#f9a683
#fab598
#fbc3ad
#fcd2c1
#fde1d6
#fef0ea
#ffffff
Paleta complementaria de #f56a31:
#f56a31
#31bcf5
Paleta triádica de #f56a31:
#f56a31
#31f56a
#6a31f5
Paleta cuadrada de #f56a31:
#f56a31
#5af531
#31bcf5
#cc31f5
Paleta análoga de #f56a31:
#f5315a
#f56a31
#f5cc31
Paleta dividida-complementaria de #f56a31:
#f56a31
#31f5cc
#315af5
Paleta rectangular (tetrádica) de #f56a31:
#f56a31
#bcf531
#31bcf5
#6a31f5
Paletas de colores sugeridas para #f56a31 HEX:
Paleta de colores con color #f56a31 #1:
Paleta de colores con color #f56a31 #2:
Paleta de colores con color #f56a31 #3:
Paleta de colores con color #f56a31 #4:
Paleta de colores con color #f56a31 #5:
Color #f56a31 usado en paletas (1)
Contraste de color
Combinaciones de colores #f56a31 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#f56a31
#f56a31 Relación de contraste
3:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#f56a31
#f56a31 Relación de contraste
6.98:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #f56a31 color png
Visita la lista de colores populares para más colores