#f2ae45 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #f2ae45 | RGB(242, 174, 69) |
Creado en 02/23/2023 11:07
Clasificación de colores #f2ae45
#f2ae45 es Claro y Cálido Color Saturación 87%, luminosidad 61%.
Tono claro de Naranja
RGB los valores son RGB(242, 174, 69)
#f2ae45 el color contiene Rojo 94.9%, Verde 68.24% y Azul 27.06%.
oklch(79.71% 0.1418 74.56)
#f2ae45 el color contiene Rojo 94.9%, Verde 68.24% y Azul 27.06%.
oklch(79.71% 0.1418 74.56)
Nombres de color de #f2ae45 HEX código
≈ Yellow Orange
colores alternativos de #f2ae45
Color opuesto para #f2ae45 – #4589f2
#f2ae45 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #f2ae45
cmyk
CMYK(0%, 28%, 71%, 5%)
Decimal
15904325
HEX
#f2ae45
HSL
hsl(36, 87%, 61%)
HSLA
hsla(36, 87%, 61%, 1)
RGB
RGB(242, 174, 69)
RGBA
RGBA(242, 174, 69, 1)
Paletas para el color #f2ae45:
A continuación ejemplos de paletas de colores para #f2ae45 color HEX
el color más oscuro de los tonos oscuros es #181107 y el más claro de los tonos claros es #fef7ec
Paleta de tonos oscuros de #f2ae45:
#da9d3e
#c28b37
#a97a30
#916829
#795723
#61461c
#493415
#30230e
#181107
#000000
Paleta de tonos claros de #f2ae45:
#f3b658
#f5be6a
#f6c67d
#f7ce8f
#f9d7a2
#fadfb5
#fbe7c7
#fcefda
#fef7ec
#ffffff
Paleta complementaria de #f2ae45:
#f2ae45
#4589f2
Paleta triádica de #f2ae45:
#f2ae45
#45f2ae
#ae45f2
Paleta cuadrada de #f2ae45:
#f2ae45
#45f257
#4589f2
#f245e0
Paleta análoga de #f2ae45:
#f25745
#f2ae45
#e0f245
Paleta dividida-complementaria de #f2ae45:
#f2ae45
#45e0f2
#5745f2
Paleta rectangular (tetrádica) de #f2ae45:
#f2ae45
#89f245
#4589f2
#ae45f2
Paletas de colores sugeridas para #f2ae45 HEX:
Paleta de colores con color #f2ae45 #1:
Paleta de colores con color #f2ae45 #2:
Paleta de colores con color #f2ae45 #3:
Paleta de colores con color #f2ae45 #4:
Paleta de colores con color #f2ae45 #5:
Color #f2ae45 usado en paletas (1)
Contraste de color
Combinaciones de colores #f2ae45 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#f2ae45
#f2ae45 Relación de contraste
1.92:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#f2ae45
#f2ae45 Relación de contraste
10.91:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #f2ae45 color png
Visita la lista de colores populares para más colores