#CE9CC4

#CE9CC4

Color Values

HEX

#CE9CC4

RGB

206, 156, 196

HSL

312.0, 33.8%, 71.0%

HSV

312.0, 24.3%, 80.8%

CMYK

0.0%, 24.3%, 4.9%, 19.2%

OKLCH

0.752 0.0797 333.5

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#CE9CC4

#9CCEA6

Analogous

#BF9CCE

#CE9CAB

#CE9CC4

Triadic

#CE9CC4

#C4CE9C

#9CC4CE

Split Complementary

#CE9CC4

#ABCE9C

#9CCEBF

Tetradic

#CE9CC4

#CEBF9C

#9CCEA6

#9CABCE

Color Blindness Simulation

Original

#CE9CC4

Protanopia

#B8B8BA

Deuteranopia

#BBBFB8

Tritanopia

#CCB3B1

Achromatopsia

#AAAAAA

CSS Usage

background-color: #CE9CC4;
color: #CE9CC4;
border-color: #CE9CC4;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F9
100
#F2E8F0
200
#E7CFE3
300
#D6ADCE
400
#C181B4
500
#AB5499
600
#88447B
700
#6D3662
800
#552A4D
900
#3F2239
950
#281524

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.18:1

AA Pass AAA Pass

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