#CF8ABB

#CF8ABB

Color Values

HEX

#CF8ABB

RGB

207, 138, 187

HSL

317.4, 41.8%, 67.6%

HSV

317.4, 33.3%, 81.2%

CMYK

0.0%, 33.3%, 9.7%, 18.8%

OKLCH

0.7182 0.1052 338.0

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#CF8ABB

#8ACF9E

Analogous

#C08ACF

#CF8A98

#CF8ABB

Triadic

#CF8ABB

#BBCF8A

#8ABBCF

Split Complementary

#CF8ABB

#98CF8A

#8ACFC0

Tetradic

#CF8ABB

#CFC08A

#8ACF9E

#8A98CF

Color Blindness Simulation

Original

#CF8ABB

Protanopia

#B1B1AF

Deuteranopia

#B5BAAC

Tritanopia

#CCA6A4

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7F0
200
#EACCE2
300
#DBA8CD
400
#C879B1
500
#B54A96
600
#913B78
700
#742F60
800
#5A254B
900
#431E38
950
#2A1323

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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