#f24f59 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f24f59 | RGB(242, 79, 89) |
Created at 12/10/2024 15:27
Classification of #f24f59 color
#f24f59 is Light and Warm Color Saturation 86%, lightness 63%.
Tint of Indian Red
RGB values are RGB(242, 79, 89)
#f24f59 color contains Red 94.9%, Green 30.98% and Blue 34.9%.
oklch(65.59% 0.1987 21.16)
#f24f59 color contains Red 94.9%, Green 30.98% and Blue 34.9%.
oklch(65.59% 0.1987 21.16)
Color Names of #f24f59 HEX code
≈ Carnation
Alternative colors of #f24f59
Opposite Color for #f24f59 is #4ff2e8
#f24f59 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f24f59
cmyk
CMYK(0%, 67%, 63%, 5%)
Decimal
15880025
HEX
#f24f59
HSL
hsl(356, 86%, 63%)
HSLA
hsla(356, 86%, 63%, 1)
RGB
RGB(242, 79, 89)
RGBA
RGBA(242, 79, 89, 1)
Palettes for #f24f59 color:
Below are examples of color palettes with the #f24f59 HEX color
darkest color is #180809 from shades and lightest color is #feedee from tints
Shades palette of #f24f59:
#da4750
#c23f47
#a9373e
#912f35
#79282d
#612024
#49181b
#301012
#180809
#000000
Tints palette of #f24f59:
#f3616a
#f5727a
#f6848b
#f7959b
#f9a7ac
#fab9bd
#fbcacd
#fcdcde
#feedee
#ffffff
Complementary palette of #f24f59:
#f24f59
#4ff2e8
Triadic palette of #f24f59:
#f24f59
#59f24f
#4f59f2
Square palette of #f24f59:
#f24f59
#aaf24f
#4ff2e8
#974ff2
Analogous palette of #f24f59:
#f24faa
#f24f59
#f2974f
Split-Complementary palette of #f24f59:
#f24f59
#4ff296
#4fabf2
Rectangle (tetradic) palette of #f24f59:
#f24f59
#f2e84f
#4ff2e8
#4f59f2
Suggested color palettes for #f24f59 HEX:
Color palette with color #f24f59 #1:
Color palette with color #f24f59 #2:
Color palette with color #f24f59 #3:
Color palette with color #f24f59 #4:
Color palette with color #f24f59 #5:
Color #f24f59 used in palettes (1)
Color Contrast
Color pairings of #f24f59 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f24f59
#f24f59 Contrast Ratio
3.47:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f24f59
#f24f59 Contrast Ratio
6.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f24f59 color png
Visit the popular colors list for more colors