#CF48D4

#CF48D4

Color Values

HEX

#CF48D4

RGB

207, 72, 212

HSL

297.9, 61.9%, 55.7%

HSV

297.9, 66.0%, 83.1%

CMYK

2.4%, 66.0%, 0.0%, 16.9%

OKLCH

0.6396 0.2306 326.4

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#CF48D4

#4DD448

Analogous

#8948D4

#D44893

#CF48D4

Triadic

#CF48D4

#D4CF48

#48D4CF

Split Complementary

#CF48D4

#93D448

#48D489

Tetradic

#CF48D4

#D48948

#4DD448

#4893D4

Color Blindness Simulation

Original

#CF48D4

Protanopia

#9593B2

Deuteranopia

#9CA6AA

Tritanopia

#C89792

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F7
200
#F0C5F1
300
#E59CE8
400
#D766DB
500
#C931CE
600
#A127A5
700
#811F84
800
#641867
900
#4A154B
950
#2E0E30

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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