#C031B2

#C031B2

Color Values

HEX

#C031B2

RGB

192, 49, 178

HSL

305,9, 59,3%, 47,3%

HSV

305,9, 74,5%, 75,3%

CMYK

0,0%, 74,5%, 7,3%, 24,7%

OKLCH

0,5794 0,2232 332,5

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#C031B2

#31C03F

Analogous

#8731C0

#C0316B

#C031B2

Triadic

#C031B2

#B2C031

#31B2C0

Split Complementary

#C031B2

#6BC031

#31C087

Tetradic

#C031B2

#C08731

#31C03F

#316BC0

Color Blindness Simulation

Original

#C031B2

Protanopia

#828193

Deuteranopia

#8A958B

Tritanopia

#B97A75

Achromatopsia

#595959

CSS Usage

background-color: #C031B2;
color: #C031B2;
border-color: #C031B2;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FA
100
#F6E4F4
200
#F0C6EC
300
#E69EDF
400
#D969CE
500
#CB34BC
600
#A22A97
700
#822178
800
#661A5E
900
#4A1745
950
#2F0E2C

Contrast Checker

Text on white

4,86:1

AA Pass AAA Fail

Text on black

4,32:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026