Preview
#f56565
Family: Red
Accessibility on this swatch:
Contrast vs white: 3.03:1 · vs black: 6.93:1
HEX
#f56565
RGB
rgb(245, 101, 101)
RGBA
rgba(245, 101, 101, 1)
HSL
hsl(0, 88%, 68%)
HSV
hsv(0, 59%, 96%)
LAB
lab(61.36% 55.26 28.55)
LCH
lch(61.36% 62.2 27.32)
OKLAB
oklab(0.6882 0.1636 0.0693)
OKLCH
oklch(0.6882 0.1777 22.96)
XYZ
xyz(44.66, 29.67, 15.68)
CMYK
cmyk(0%, 59%, 59%, 4%)
CSS
color: #f56565;
CSS variable
--color-f56565: #f56565;
SCSS
$color-f56565: #f56565;
Tailwind
slate-300
Export
:root {
--chakra-red-500-1: #f56565;
}Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.