#f2ae50 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2ae50 | RGB(242, 174, 80) |
Created at 12/13/2023 06:46
Classification of #f2ae50 color
#f2ae50 is Light and Warm Color Saturation 86%, lightness 63%.
Tint of Orange
RGB values are RGB(242, 174, 80)
#f2ae50 color contains Red 94.9%, Green 68.24% and Blue 31.37%.
oklch(79.81% 0.1349 72.36)
#f2ae50 color contains Red 94.9%, Green 68.24% and Blue 31.37%.
oklch(79.81% 0.1349 72.36)
Color Names of #f2ae50 HEX code
≈ Casablanca
Alternative colors of #f2ae50
Opposite Color for #f2ae50 is #5094f2
#f2ae50 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2ae50
Decimal
15904336
HEX
#f2ae50
HSL
hsl(35, 86%, 63%)
HSLA
hsla(35, 86%, 63%, 1)
RGB
RGB(242, 174, 80)
RGBA
RGBA(242, 174, 80, 1)
Palettes for #f2ae50 color:
Below examples of color palettes for #f2ae50 HEX color
darkest color is #181108 from shades and lightest color is #fef7ee from tints
Shades palette of #f2ae50:
#da9d48
#c28b40
#a97a38
#916830
#795728
#614620
#493418
#302310
#181108
#000000
Tints palette of #f2ae50:
#f3b662
#f5be73
#f6c685
#f7ce96
#f9d7a8
#fadfb9
#fbe7cb
#fcefdc
#fef7ee
#ffffff
Complementary palette of #f2ae50:
#f2ae50
#5094f2
Triadic palette of #f2ae50:
#f2ae50
#50f2ae
#ae50f2
Square palette of #f2ae50:
#f2ae50
#50f25d
#5094f2
#f250e5
Analogous palette of #f2ae50:
#f25d50
#f2ae50
#e5f250
Split-Complementary palette of #f2ae50:
#f2ae50
#50e5f2
#5d50f2
Rectangle (tetradic) palette of #f2ae50:
#f2ae50
#94f250
#5094f2
#ae50f2
Suggested color palettes for #f2ae50 HEX:
Color palette with color #f2ae50 #1:
Color palette with color #f2ae50 #2:
Color palette with color #f2ae50 #3:
Color palette with color #f2ae50 #4:
Color palette with color #f2ae50 #5:
Color Contrast
Color pairings #f2ae50 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f2ae50
#f2ae50 Contrast Ratio
1.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2ae50
#f2ae50 Contrast Ratio
10.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2ae50 color png
Visit the popular colors list for more colors