#CF46CE

#CF46CE

Color Values

HEX

#CF46CE

RGB

207, 70, 206

HSL

300.4, 58.8%, 54.3%

HSV

300.4, 66.2%, 81.2%

CMYK

0.0%, 66.2%, 0.5%, 18.8%

OKLCH

0.6344 0.2283 328.2

Properties

Warm Light Nearest: mediumorchid

Color Harmonies

Complementary

#CF46CE

#46CF47

Analogous

#8B46CF

#CF468A

#CF46CE

Triadic

#CF46CE

#CECF46

#46CECF

Split Complementary

#CF46CE

#8ACF46

#46CF8B

Tetradic

#CF46CE

#CF8B46

#46CF47

#468ACF

Color Blindness Simulation

Original

#CF46CE

Protanopia

#9492AD

Deuteranopia

#9CA6A5

Tritanopia

#C8938D

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F6
200
#F0C6F0
300
#E69EE5
400
#D869D7
500
#CA35C9
600
#A22AA1
700
#822281
800
#651A65
900
#4A174A
950
#2F0E2F

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026