#CF80D3

#CF80D3

Color Values

HEX

#CF80D3

RGB

207, 128, 211

HSL

297.1, 48.5%, 66.5%

HSV

297.1, 39.3%, 82.7%

CMYK

1.9%, 39.3%, 0.0%, 17.3%

OKLCH

0.7114 0.1448 325.3

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#CF80D3

#84D380

Analogous

#A680D3

#D380AE

#CF80D3

Triadic

#CF80D3

#D3CF80

#80D3CF

Split Complementary

#CF80D3

#AED380

#80D3A6

Tetradic

#CF80D3

#D3A680

#84D380

#80AED3

Color Blindness Simulation

Original

#CF80D3

Protanopia

#ADACBF

Deuteranopia

#B1B7BA

Tritanopia

#CBAFAC

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#EBCAED
300
#DDA4DF
400
#CA73CE
500
#B742BD
600
#933597
700
#752A79
800
#5C215F
900
#441B46
950
#2B112C

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.68:1

AA Pass AAA Pass

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