#CE6F8E

#CE6F8E

Color Values

HEX

#CE6F8E

RGB

206, 111, 142

HSL

340.4, 49.2%, 62.2%

HSV

340.4, 46.1%, 80.8%

CMYK

0.0%, 46.1%, 31.1%, 19.2%

OKLCH

0.6579 0.124 0.3

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CE6F8E

#6FCEAF

Analogous

#CE6FBE

#CE806F

#CE6F8E

Triadic

#CE6F8E

#8ECE6F

#6F8ECE

Split Complementary

#CE6F8E

#6FCE80

#6FBECE

Tetradic

#CE6F8E

#BECE6F

#6FCEAF

#806FCE

Color Blindness Simulation

Original

#CE6F8E

Protanopia

#A5A487

Deuteranopia

#AAB285

Tritanopia

#C9817F

Achromatopsia

#858585

CSS Usage

background-color: #CE6F8E;
color: #CE6F8E;
border-color: #CE6F8E;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF4F6
100
#F5E6EB
200
#EDCAD5
300
#E0A4B7
400
#CF7291
500
#BE416A
600
#983455
700
#7A2944
800
#5F2035
900
#461B29
950
#2C111A

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026