#B00020
#FF3B30
#FFB4AB
#FFFFFF
#FF3B30 · Scarlet
Click to copy#FF3B30 is a medium, highly saturated red color, closest to Scarlet and near Coral Red and Scarlet. In OKLCH it has 65% lightness and 0.23 chroma at hue 29°. Red suggests energy, urgency and appetite; it draws the eye faster than any other hue, which makes #FF3B30 a natural choice for calls to action, sale banners, food and sports brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#FF3B30RGB
rgb(255, 59, 48)HSL
hsl(3, 100%, 59%)CMYK
0, 77, 81, 0CSS var
--scarletContrast
3.55:1 white · 5.92:1 blackSimilar named colors
How to use #FF3B30
Black text passes WCAG AA on #FF3B30 (5.92:1); white text does not (3.55:1).
For a calm scheme pair #FF3B30 with its analogous neighbors #FF2E8C and #FFA12E; for contrast use its complement #2EF5FF as a small accent, and anchor everything with a neutral such as #1F1F24.
--scarlet: #FF3B30;
$scarlet: #FF3B30;
colors: { 'scarlet': '#FF3B30' }