Chakra UI Colors

Pink 300

#F687B3

CSS Values

Package reftheme.colors.pink[300]
HEX#F687B3
RGBrgb(246, 135, 179)
HSLhsl(336, 86%, 75%)
HSL (modern)hsl(336deg 86% 75%)
OKLCHoklch(75.6% 0.143 356deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.32:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 9.04:1AA: PassAAA: PassAA Large: Pass

Other Pink shades