#C772BF

#C772BF

Color Values

HEX

#C772BF

RGB

199, 114, 191

HSL

305.6, 43.1%, 61.4%

HSV

305.6, 42.7%, 78.0%

CMYK

0.0%, 42.7%, 4.0%, 22.0%

OKLCH

0.6718 0.1447 330.5

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C772BF

#72C77A

Analogous

#A472C7

#C77295

#C772BF

Triadic

#C772BF

#BFC772

#72BFC7

Split Complementary

#C772BF

#95C772

#72C7A4

Tetradic

#C772BF

#C7A472

#72C77A

#7295C7

Color Blindness Simulation

Original

#C772BF

Protanopia

#A2A1AC

Deuteranopia

#A7ADA8

Tritanopia

#C39E9A

Achromatopsia

#8A8A8A

CSS Usage

background-color: #C772BF;
color: #C772BF;
border-color: #C772BF;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5FA
100
#F4E7F2
200
#EBCCE8
300
#DCA7D7
400
#C978C2
500
#B649AC
600
#923A8A
700
#752E6E
800
#5B2456
900
#431E40
950
#2A1328

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026