#CB7A83

#CB7A83

Color Values

HEX

#CB7A83

RGB

203, 122, 131

HSL

353.3, 43.8%, 63.7%

HSV

353.3, 39.9%, 79.6%

CMYK

0.0%, 39.9%, 35.5%, 20.4%

OKLCH

0.6687 0.1015 13.0

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#CB7A83

#7ACBC2

Analogous

#CB7AAB

#CB997A

#CB7A83

Triadic

#CB7A83

#83CB7A

#7A83CB

Split Complementary

#CB7A83

#7ACB99

#7AABCB

Tetradic

#CB7A83

#ABCB7A

#7ACBC2

#997ACB

Color Blindness Simulation

Original

#CB7A83

Protanopia

#A8A781

Deuteranopia

#ADB380

Tritanopia

#C77F7F

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E8
200
#EBCCCF
300
#DDA7AD
400
#CA7781
500
#B74854
600
#933943
700
#752E36
800
#5C242A
900
#441D22
950
#2B1315

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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