#CE969C

#CE969C

Color Values

HEX

#CE969C

RGB

206, 150, 156

HSL

353.6, 36.4%, 69.8%

HSV

353.6, 27.2%, 80.8%

CMYK

0.0%, 27.2%, 24.3%, 19.2%

OKLCH

0.7284 0.0679 11.8

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CE969C

#96CEC8

Analogous

#CE96B8

#CEAC96

#CE969C

Triadic

#CE969C

#9CCE96

#969CCE

Split Complementary

#CE969C

#96CEAC

#96B8CE

Tetradic

#CE969C

#B8CE96

#96CEC8

#AC96CE

Color Blindness Simulation

Original

#CE969C

Protanopia

#B6B59B

Deuteranopia

#B9BD9A

Tritanopia

#CB9999

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E9
200
#E8CED1
300
#D8ACB0
400
#C37E86
500
#AE515B
600
#8B4149
700
#6F343A
800
#57292D
900
#402124
950
#291517

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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