#CF93DC

#CF93DC

Color Values

HEX

#CF93DC

RGB

207, 147, 220

HSL

289,3, 51,0%, 72,0%

HSV

289,3, 33,2%, 86,3%

CMYK

5,9%, 33,2%, 0,0%, 13,7%

OKLCH

0,7464 0,121 320,3

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#CF93DC

#A0DC93

Analogous

#AB93DC

#DC93C5

#CF93DC

Triadic

#CF93DC

#DCCF93

#93DCCF

Split Complementary

#CF93DC

#C5DC93

#93DCAB

Tetradic

#CF93DC

#DCAB93

#A0DC93

#93C5DC

Color Blindness Simulation

Original

#CF93DC

Protanopia

#B5B4CA

Deuteranopia

#B8BDC6

Tritanopia

#CCBCB9

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F2E5F5
200
#E7C9EE
300
#D6A3E1
400
#C071D1
500
#A93EC1
600
#87329A
700
#6C287B
800
#551F60
900
#3F1A47
950
#28112D

Contrast Checker

Text on white

2,37:1

AA Fail AAA Fail

Text on black

8,86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Tháng 1 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Tháng 1 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Tháng 1 15, 2026