#C683C3

#C683C3

Color Values

HEX

#C683C3

RGB

198, 131, 195

HSL

302.7, 37.0%, 64.5%

HSV

302.7, 33.8%, 77.6%

CMYK

0.0%, 33.8%, 1.5%, 22.4%

OKLCH

0.6996 0.1178 328.3

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C683C3

#83C686

Analogous

#A783C6

#C683A1

#C683C3

Triadic

#C683C3

#C3C683

#83C3C6

Split Complementary

#C683C3

#A1C683

#83C6A7

Tetradic

#C683C3

#C6A783

#83C686

#83A1C6

Color Blindness Simulation

Original

#C683C3

Protanopia

#A9A8B4

Deuteranopia

#ADB2B0

Tritanopia

#C3A7A5

Achromatopsia

#969696

CSS Usage

background-color: #C683C3;
color: #C683C3;
border-color: #C683C3;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF5FA
100
#F3E8F2
200
#E9CEE7
300
#D8ABD6
400
#C47EC0
500
#AF50AA
600
#8C4088
700
#70336D
800
#572855
900
#41203F
950
#291428

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

7.44:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026