#f5504c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5504c | RGB(245, 80, 76) |
Created at 02/24/2023 01:47
Classification of #f5504c color
#f5504c is Light and Warm Color Saturation 89%, lightness 63%.
Shade of Tomato
RGB values are RGB(245, 80, 76)
#f5504c color contains Red 96.08%, Green 31.37% and Blue 29.8%.
oklch(65.97% 0.2021 25.78)
#f5504c color contains Red 96.08%, Green 31.37% and Blue 29.8%.
oklch(65.97% 0.2021 25.78)
Color Names of #f5504c HEX code
≈ Sunset Orange
Alternative colors of #f5504c
Opposite Color for #f5504c is #4cf1f5
#f5504c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5504c
cmyk
CMYK(0%, 67%, 69%, 4%)
Decimal
16076876
HEX
#f5504c
HSL
hsl(1, 89%, 63%)
HSLA
hsla(1, 89%, 63%, 1)
RGB
RGB(245, 80, 76)
RGBA
RGBA(245, 80, 76, 1)
Palettes for #f5504c color:
Below examples of color palettes for #f5504c HEX color
darkest color is #180808 from shades and lightest color is #feeeed from tints
Shades palette of #f5504c:
#dd4844
#c4403d
#ac3835
#93302e
#7b2826
#62201e
#4a1817
#31100f
#180808
#000000
Tints palette of #f5504c:
#f6625e
#f77370
#f88582
#f99694
#faa8a6
#fbb9b7
#fccbc9
#fddcdb
#feeeed
#ffffff
Complementary palette of #f5504c:
#f5504c
#4cf1f5
Triadic palette of #f5504c:
#f5504c
#4cf550
#504cf5
Square palette of #f5504c:
#f5504c
#9cf54c
#4cf1f5
#a54cf5
Analogous palette of #f5504c:
#f54c9c
#f5504c
#f5a54c
Split-Complementary palette of #f5504c:
#f5504c
#4cf5a5
#4c9cf5
Rectangle (tetradic) palette of #f5504c:
#f5504c
#f1f54c
#4cf1f5
#504cf5
Suggested color palettes for #f5504c HEX:
Color palette with color #f5504c #1:
Color palette with color #f5504c #2:
Color palette with color #f5504c #3:
Color palette with color #f5504c #4:
Color palette with color #f5504c #5:
Color #f5504c used in palettes (2)
Color Contrast
Color pairings #f5504c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f5504c
#f5504c Contrast Ratio
3.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5504c
#f5504c Contrast Ratio
6.13:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5504c color png
Visit the popular colors list for more colors