#f5aa22 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5aa22 | RGB(245, 170, 34) |
Created at 03/09/2023 20:14
Classification of #f5aa22 color
#f5aa22 is Light and Warm Color Saturation 91%, lightness 55%.
Tint of Orange
RGB values are RGB(245, 170, 34)
#f5aa22 color contains Red 96.08%, Green 66.67% and Blue 13.33%.
oklch(79.09% 0.159 75.36)
#f5aa22 color contains Red 96.08%, Green 66.67% and Blue 13.33%.
oklch(79.09% 0.159 75.36)
Color Names of #f5aa22 HEX code
≈ Fuel Yellow
Alternative colors of #f5aa22
Opposite Color for #f5aa22 is #226df5
#f5aa22 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5aa22
Decimal
16099874
HEX
#f5aa22
HSL
hsl(39, 91%, 55%)
HSLA
hsla(39, 91%, 55%, 1)
RGB
RGB(245, 170, 34)
RGBA
RGBA(245, 170, 34, 1)
Palettes for #f5aa22 color:
Below examples of color palettes for #f5aa22 HEX color
darkest color is #181103 from shades and lightest color is #fef7e9 from tints
Shades palette of #f5aa22:
#dd991f
#c4881b
#ac7718
#936614
#7b5511
#62440e
#4a330a
#312207
#181103
#000000
Tints palette of #f5aa22:
#f6b338
#f7bb4e
#f8c464
#f9cc7a
#fad591
#fbdda7
#fce6bd
#fdeed3
#fef7e9
#ffffff
Complementary palette of #f5aa22:
#f5aa22
#226df5
Triadic palette of #f5aa22:
#f5aa22
#22f5aa
#aa22f5
Square palette of #f5aa22:
#f5aa22
#22f541
#226df5
#f522d7
Analogous palette of #f5aa22:
#f54022
#f5aa22
#d7f522
Split-Complementary palette of #f5aa22:
#f5aa22
#22d6f5
#4022f5
Rectangle (tetradic) palette of #f5aa22:
#f5aa22
#6df522
#226df5
#aa22f5
Suggested color palettes for #f5aa22 HEX:
Color palette with color #f5aa22 #1:
Color palette with color #f5aa22 #2:
Color palette with color #f5aa22 #3:
Color palette with color #f5aa22 #4:
Color palette with color #f5aa22 #5:
Color #f5aa22 used in palettes (1)
Color Contrast
Color pairings #f5aa22 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f5aa22
#f5aa22 Contrast Ratio
1.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5aa22
#f5aa22 Contrast Ratio
10.65:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5aa22 color png
Visit the popular colors list for more colors