#f2a315 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2a315 | RGB(242, 163, 21) |
Created at 02/23/2023 19:42
RGB values are RGB(242, 163, 21)
#f2a315 color contains Red 94.9%, Green 63.92% and Blue 8.24%.
oklch(77.43% 0.1608 73.47)
#f2a315 color contains Red 94.9%, Green 63.92% and Blue 8.24%.
oklch(77.43% 0.1608 73.47)
Color Names of #f2a315 HEX code
≈ Buttercup
Classification of #f2a315 color
#f2a315 is Light and Warm Color Saturation 89%, lightness 52%.
Shade of Orange
Alternative colors of #f2a315
Opposite Color for #f2a315 is #1564f2
#f2a315 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2a315
cmyk
CMYK(0%, 33%, 91%, 5%)
Decimal
15901461
HEX
#f2a315
HSL
hsl(39, 89%, 52%)
HSLA
hsla(39, 89%, 52%, 1)
RGB
RGB(242, 163, 21)
RGBA
RGBA(242, 163, 21, 1)
Palettes for #f2a315 color:
Below are examples of color palettes with the #f2a315 HEX color
darkest color is #181002 from shades and lightest color is #fef6e8 from tints
Shades palette of #f2a315:
#da9313
#c28211
#a9720f
#91620d
#79520b
#614108
#493106
#302104
#181002
#000000
Tints palette of #f2a315:
#f3ac2c
#f5b544
#f6bf5b
#f7c873
#f9d18a
#fadaa1
#fbe3b9
#fcedd0
#fef6e8
#ffffff
Complementary palette of #f2a315:
#f2a315
#1564f2
Triadic palette of #f2a315:
#f2a315
#15f2a3
#a315f2
Square palette of #f2a315:
#f2a315
#15f234
#1564f2
#f215d2
Analogous palette of #f2a315:
#f23515
#f2a315
#d2f215
Split-Complementary palette of #f2a315:
#f2a315
#15d3f2
#3515f2
Rectangle (tetradic) palette of #f2a315:
#f2a315
#64f215
#1564f2
#a315f2
Suggested color palettes for #f2a315 HEX:
Color palette with color #f2a315 #1:
Color palette with color #f2a315 #2:
Color palette with color #f2a315 #3:
Color palette with color #f2a315 #4:
Color palette with color #f2a315 #5:
Color #f2a315 used in palettes (1)
Color Contrast
Color pairings of #f2a315 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f2a315
#f2a315Contrast Ratio
2.09:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2a315
#f2a315Contrast Ratio
10.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2a315 color png
Visit the popular colors list for more colors