#f5a317 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5a317 | RGB(245, 163, 23) |
Created at 02/20/2023 20:52
Classification of #f5a317 color
#f5a317 is Light and Warm Color Saturation 92%, lightness 53%.
Shade of Orange
RGB values are RGB(245, 163, 23)
#f5a317 color contains Red 96.08%, Green 63.92% and Blue 9.02%.
oklch(77.78% 0.162 72.22)
#f5a317 color contains Red 96.08%, Green 63.92% and Blue 9.02%.
oklch(77.78% 0.162 72.22)
Color Names of #f5a317 HEX code
≈ Buttercup
Alternative colors of #f5a317
Opposite Color for #f5a317 is #1769f5
#f5a317 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5a317
cmyk
CMYK(0%, 33%, 91%, 4%)
Decimal
16098071
HEX
#f5a317
HSL
hsl(38, 92%, 53%)
HSLA
hsla(38, 92%, 53%, 1)
RGB
RGB(245, 163, 23)
RGBA
RGBA(245, 163, 23, 1)
Palettes for #f5a317 color:
Below examples of color palettes for #f5a317 HEX color
darkest color is #181002 from shades and lightest color is #fef6e8 from tints
Shades palette of #f5a317:
#dd9315
#c48212
#ac7210
#93620e
#7b520c
#624109
#4a3107
#312105
#181002
#000000
Tints palette of #f5a317:
#f6ac2e
#f7b545
#f8bf5d
#f9c874
#fad18b
#fbdaa2
#fce3b9
#fdedd1
#fef6e8
#ffffff
Complementary palette of #f5a317:
#f5a317
#1769f5
Triadic palette of #f5a317:
#f5a317
#17f5a3
#a317f5
Square palette of #f5a317:
#f5a317
#17f534
#1769f5
#f517d8
Analogous palette of #f5a317:
#f53417
#f5a317
#d8f517
Split-Complementary palette of #f5a317:
#f5a317
#17d8f5
#3417f5
Rectangle (tetradic) palette of #f5a317:
#f5a317
#69f517
#1769f5
#a317f5
Suggested color palettes for #f5a317 HEX:
Color palette with color #f5a317 #1:
Color palette with color #f5a317 #2:
Color palette with color #f5a317 #3:
Color palette with color #f5a317 #4:
Color palette with color #f5a317 #5:
Color #f5a317 used in palettes (1)
Color Contrast
Color pairings #f5a317 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f5a317
#f5a317 Contrast Ratio
2.07:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5a317
#f5a317 Contrast Ratio
10.13:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5a317 color png
Visit the popular colors list for more colors