#C772BE

#C772BE

Color Values

HEX

#C772BE

RGB

199, 114, 190

HSL

306.4, 43.1%, 61.4%

HSV

306.4, 42.7%, 78.0%

CMYK

0.0%, 42.7%, 4.5%, 22.0%

OKLCH

0.6714 0.1438 331.0

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C772BE

#72C77B

Analogous

#A672C7

#C77294

#C772BE

Triadic

#C772BE

#BEC772

#72BEC7

Split Complementary

#C772BE

#94C772

#72C7A6

Tetradic

#C772BE

#C7A672

#72C77B

#7294C7

Color Blindness Simulation

Original

#C772BE

Protanopia

#A2A1AC

Deuteranopia

#A7ADA7

Tritanopia

#C39D9A

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F4E7F2
200
#EBCCE7
300
#DCA7D7
400
#C978C1
500
#B649AB
600
#923A89
700
#752E6D
800
#5B2455
900
#431E3F
950
#2A1328

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.58: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