#CB8EB9

#CB8EB9

Color Values

HEX

#CB8EB9

RGB

203, 142, 185

HSL

317.7, 37.0%, 67.6%

HSV

317.7, 30.0%, 79.6%

CMYK

0.0%, 30.0%, 8.9%, 20.4%

OKLCH

0.7201 0.0929 337.9

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#CB8EB9

#8ECBA0

Analogous

#BE8ECB

#CB8E9A

#CB8EB9

Triadic

#CB8EB9

#B9CB8E

#8EB9CB

Split Complementary

#CB8EB9

#9ACB8E

#8ECBBE

Tetradic

#CB8EB9

#CBBE8E

#8ECBA0

#8E9ACB

Color Blindness Simulation

Original

#CB8EB9

Protanopia

#B1B0AF

Deuteranopia

#B4B9AC

Tritanopia

#C8A6A5

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EF
200
#E9CEE1
300
#D8ABCB
400
#C47EAF
500
#AF5093
600
#8C4075
700
#70335E
800
#572849
900
#412037
950
#291423

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026