#f2ae45 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2ae45 | RGB(242, 174, 69) |
Created at 02/23/2023 11:07
Classification of #f2ae45 color
#f2ae45 is Light and Warm Color Saturation 87%, lightness 61%.
Tint of Orange
RGB values are RGB(242, 174, 69)
#f2ae45 color contains Red 94.9%, Green 68.24% and Blue 27.06%.
oklch(79.71% 0.1418 74.56)
#f2ae45 color contains Red 94.9%, Green 68.24% and Blue 27.06%.
oklch(79.71% 0.1418 74.56)
Color Names of #f2ae45 HEX code
≈ Yellow Orange
Alternative colors of #f2ae45
Opposite Color for #f2ae45 is #4589f2
#f2ae45 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #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)
Palettes for #f2ae45 color:
Below examples of color palettes for #f2ae45 HEX color
darkest color is #181107 from shades and lightest color is #fef7ec from tints
Shades palette of #f2ae45:
#da9d3e
#c28b37
#a97a30
#916829
#795723
#61461c
#493415
#30230e
#181107
#000000
Tints palette of #f2ae45:
#f3b658
#f5be6a
#f6c67d
#f7ce8f
#f9d7a2
#fadfb5
#fbe7c7
#fcefda
#fef7ec
#ffffff
Complementary palette of #f2ae45:
#f2ae45
#4589f2
Triadic palette of #f2ae45:
#f2ae45
#45f2ae
#ae45f2
Square palette of #f2ae45:
#f2ae45
#45f257
#4589f2
#f245e0
Analogous palette of #f2ae45:
#f25745
#f2ae45
#e0f245
Split-Complementary palette of #f2ae45:
#f2ae45
#45e0f2
#5745f2
Rectangle (tetradic) palette of #f2ae45:
#f2ae45
#89f245
#4589f2
#ae45f2
Suggested color palettes for #f2ae45 HEX:
Color palette with color #f2ae45 #1:
Color palette with color #f2ae45 #2:
Color palette with color #f2ae45 #3:
Color palette with color #f2ae45 #4:
Color palette with color #f2ae45 #5:
Color #f2ae45 used in palettes (1)
Color Contrast
Color pairings #f2ae45 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f2ae45
#f2ae45 Contrast Ratio
1.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2ae45
#f2ae45 Contrast Ratio
10.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2ae45 color png
Visit the popular colors list for more colors