#CF26BE

#CF26BE

Color Values

HEX

#CF26BE

RGB

207, 38, 190

HSL

306.0, 69.0%, 48.0%

HSV

306.0, 81.6%, 81.2%

CMYK

0.0%, 81.6%, 8.2%, 18.8%

OKLCH

0.6017 0.2483 333.0

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CF26BE

#26CF37

Analogous

#8B26CF

#CF266A

#CF26BE

Triadic

#CF26BE

#BECF26

#26BECF

Split Complementary

#CF26BE

#6ACF26

#26CF8B

Tetradic

#CF26BE

#CF8B26

#26CF37

#266ACF

Color Blindness Simulation

Original

#CF26BE

Protanopia

#868499

Deuteranopia

#909C90

Tritanopia

#C77C76

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F6
200
#F4C3EF
300
#EC98E4
400
#E260D5
500
#D728C6
600
#AC209E
700
#8A197F
800
#6C1463
900
#4F1249
950
#320C2E

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

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