Chakra UI Colors

Red 400

#F56565

CSS Values

Package reftheme.colors.red[400]
HEX#F56565
RGBrgb(245, 101, 101)
HSLhsl(0, 88%, 68%)
HSL (modern)hsl(0deg 88% 68%)
OKLCHoklch(68.8% 0.1776 23deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 3.03:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 6.93:1AA: PassAAA: FailAA Large: Pass

Other Red shades