#CF7FD8

#CF7FD8

Color Values

HEX

#CF7FD8

RGB

207, 127, 216

HSL

293.9, 53.3%, 67.3%

HSV

293.9, 41.2%, 84.7%

CMYK

4.2%, 41.2%, 0.0%, 15.3%

OKLCH

0.7121 0.1515 323.3

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#CF7FD8

#88D87F

Analogous

#A37FD8

#D87FB5

#CF7FD8

Triadic

#CF7FD8

#D8CF7F

#7FD8CF

Split Complementary

#CF7FD8

#B5D87F

#7FD8A3

Tetradic

#CF7FD8

#D8A37F

#88D87F

#7FB5D8

Color Blindness Simulation

Original

#CF7FD8

Protanopia

#ACACC2

Deuteranopia

#B1B7BD

Tritanopia

#CBB1AE

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EAC8EE
300
#DCA1E2
400
#C96ED3
500
#B63CC3
600
#91309C
700
#74267D
800
#5B1E62
900
#431948
950
#2A102D

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026