#CE7296

#CE7296

Color Values

HEX

#CE7296

RGB

206, 114, 150

HSL

336.5, 48.4%, 62.7%

HSV

336.5, 44.7%, 80.8%

CMYK

0.0%, 44.7%, 27.2%, 19.2%

OKLCH

0.6651 0.1223 356.1

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CE7296

#72CEAA

Analogous

#CE72C4

#CE7C72

#CE7296

Triadic

#CE7296

#96CE72

#7296CE

Split Complementary

#CE7296

#72CE7C

#72C4CE

Tetradic

#CE7296

#C4CE72

#72CEAA

#7C72CE

Color Blindness Simulation

Original

#CE7296

Protanopia

#A6A58D

Deuteranopia

#ACB28B

Tritanopia

#C98685

Achromatopsia

#888888

CSS Usage

background-color: #CE7296;
color: #CE7296;
border-color: #CE7296;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EDCAD8
300
#DFA4BB
400
#CE7397
500
#BD4272
600
#97355B
700
#792A49
800
#5F2139
900
#461B2C
950
#2C111C

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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