#f2b220 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2b220 | RGB(242, 178, 32) |
Created at 02/21/2023 05:51
RGB values are RGB(242, 178, 32)
#f2b220 color contains Red 94.9%, Green 69.8% and Blue 12.55%.
oklch(80.25% 0.1592 81.23)
#f2b220 color contains Red 94.9%, Green 69.8% and Blue 12.55%.
oklch(80.25% 0.1592 81.23)
Color Names of #f2b220 HEX code
≈ Buttercup
Classification of #f2b220 color
#f2b220 is Light and Warm Color Saturation 89%, lightness 54%.
Tint of Goldenrod
Alternative colors of #f2b220
Opposite Color for #f2b220 is #2060f2
#f2b220 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2b220
cmyk
CMYK(0%, 26%, 87%, 5%)
Decimal
15905312
HEX
#f2b220
HSL
hsl(42, 89%, 54%)
HSLA
hsla(42, 89%, 54%, 1)
RGB
RGB(242, 178, 32)
RGBA
RGBA(242, 178, 32, 1)
Palettes for #f2b220 color:
Below are examples of color palettes with the #f2b220 HEX color
darkest color is #181203 from shades and lightest color is #fef7e9 from tints
Shades palette of #f2b220:
#daa01d
#c28e1a
#a97d16
#916b13
#795910
#61470d
#49350a
#302406
#181203
#000000
Tints palette of #f2b220:
#f3ba36
#f5c14d
#f6c963
#f7d179
#f9d990
#fae0a6
#fbe8bc
#fcf0d2
#fef7e9
#ffffff
Complementary palette of #f2b220:
#f2b220
#2060f2
Triadic palette of #f2b220:
#f2b220
#20f2b2
#b220f2
Square palette of #f2b220:
#f2b220
#20f249
#2060f2
#f220c9
Analogous palette of #f2b220:
#f24920
#f2b220
#c9f220
Split-Complementary palette of #f2b220:
#f2b220
#20c9f2
#4920f2
Rectangle (tetradic) palette of #f2b220:
#f2b220
#60f220
#2060f2
#b220f2
Suggested color palettes for #f2b220 HEX:
Color palette with color #f2b220 #1:
Color palette with color #f2b220 #2:
Color palette with color #f2b220 #3:
Color palette with color #f2b220 #4:
Color palette with color #f2b220 #5:
Color #f2b220 used in palettes (2)
Color Contrast
Color pairings of #f2b220 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f2b220
#f2b220 Contrast Ratio
1.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2b220
#f2b220 Contrast Ratio
11.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2b220 color png
Visit the popular colors list for more colors