#f4ad22 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #f4ad22 | RGB(244, 173, 34) |
Creado en 03/09/2023 01:20
Clasificación de colores #f4ad22
#f4ad22 es Claro y Cálido Color Saturación 91%, luminosidad 55%.
Tono claro de Naranja
RGB los valores son RGB(244, 173, 34)
#f4ad22 el color contiene Rojo 95.69%, Verde 67.84% y Azul 13.33%.
oklch(79.53% 0.1587 77.46)
#f4ad22 el color contiene Rojo 95.69%, Verde 67.84% y Azul 13.33%.
oklch(79.53% 0.1587 77.46)
Nombres de color de #f4ad22 HEX código
≈ Fuel Yellow
colores alternativos de #f4ad22
Color opuesto para #f4ad22 – #2269f4
#f4ad22 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #f4ad22
cmyk
CMYK(0%, 29%, 86%, 4%)
Decimal
16035106
HEX
#f4ad22
HSL
hsl(40, 91%, 55%)
HSLA
hsla(40, 91%, 55%, 1)
RGB
RGB(244, 173, 34)
RGBA
RGBA(244, 173, 34, 1)
Paletas para el color #f4ad22:
A continuación ejemplos de paletas de colores para #f4ad22 color HEX
el color más oscuro de los tonos oscuros es #181103 y el más claro de los tonos claros es #fef7e9
Paleta de tonos oscuros de #f4ad22:
#dc9c1f
#c38a1b
#ab7918
#926814
#7a5711
#62450e
#49340a
#312307
#181103
#000000
Paleta de tonos claros de #f4ad22:
#f5b538
#f6bd4e
#f7c664
#f8ce7a
#fad691
#fbdea7
#fce6bd
#fdefd3
#fef7e9
#ffffff
Paleta complementaria de #f4ad22:
#f4ad22
#2269f4
Paleta triádica de #f4ad22:
#f4ad22
#22f4ad
#ad22f4
Paleta cuadrada de #f4ad22:
#f4ad22
#22f444
#2269f4
#f422d2
Paleta análoga de #f4ad22:
#f44422
#f4ad22
#d2f422
Paleta dividida-complementaria de #f4ad22:
#f4ad22
#22d2f4
#4422f4
Paleta rectangular (tetrádica) de #f4ad22:
#f4ad22
#69f422
#2269f4
#ad22f4
Paletas de colores sugeridas para #f4ad22 HEX:
Paleta de colores con color #f4ad22 #1:
Paleta de colores con color #f4ad22 #2:
Paleta de colores con color #f4ad22 #3:
Paleta de colores con color #f4ad22 #4:
Paleta de colores con color #f4ad22 #5:
Color #f4ad22 usado en paletas (1)
Contraste de color
Combinaciones de colores #f4ad22 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#f4ad22
#f4ad22 Relación de contraste
1.93:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#f4ad22
#f4ad22 Relación de contraste
10.84:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #f4ad22 color png
Visita la lista de colores populares para más colores