#CF26CA

#CF26CA

Color Values

HEX

#CF26CA

RGB

207, 38, 202

HSL

301.8, 69.0%, 48.0%

HSV

301.8, 81.6%, 81.2%

CMYK

0.0%, 81.6%, 2.4%, 18.8%

OKLCH

0.6083 0.2564 329.6

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CF26CA

#26CF2B

Analogous

#7F26CF

#CF2675

#CF26CA

Triadic

#CF26CA

#CACF26

#26CACF

Split Complementary

#CF26CA

#75CF26

#26CF7F

Tetradic

#CF26CA

#CF7F26

#26CF2B

#2675CF

Color Blindness Simulation

Original

#CF26CA

Protanopia

#8684A2

Deuteranopia

#909C99

Tritanopia

#C7837C

Achromatopsia

#565656

CSS Usage

background-color: #CF26CA;
color: #CF26CA;
border-color: #CF26CA;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF3FC
100
#F8E3F7
200
#F4C3F2
300
#EC98E9
400
#E260DE
500
#D728D2
600
#AC20A8
700
#8A1987
800
#6C1469
900
#4F124D
950
#320C30

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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