#CC77CD

#CC77CD

Color Values

HEX

#CC77CD

RGB

204, 119, 205

HSL

299.3, 46.2%, 63.5%

HSV

299.3, 42.0%, 80.4%

CMYK

0.5%, 42.0%, 0.0%, 19.6%

OKLCH

0.6914 0.1525 326.7

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#CC77CD

#78CD77

Analogous

#A177CD

#CD77A3

#CC77CD

Triadic

#CC77CD

#CDCC77

#77CDCC

Split Complementary

#CC77CD

#A3CD77

#77CDA1

Tetradic

#CC77CD

#CDA177

#78CD77

#77A3CD

Color Blindness Simulation

Original

#CC77CD

Protanopia

#A7A6B8

Deuteranopia

#ACB2B3

Tritanopia

#C8A8A4

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCBEC
300
#DDA6DE
400
#CB75CC
500
#B945BA
600
#943795
700
#762C77
800
#5D225D
900
#441C45
950
#2B122B

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026