#CB8696

#CB8696

Color Values

HEX

#CB8696

RGB

203, 134, 150

HSL

346.1, 39.9%, 66.1%

HSV

346.1, 34.0%, 79.6%

CMYK

0.0%, 34.0%, 26.1%, 20.4%

OKLCH

0.6947 0.0868 4.4

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#CB8696

#86CBBB

Analogous

#CB86B9

#CB9986

#CB8696

Triadic

#CB8696

#96CB86

#8696CB

Split Complementary

#CB8696

#86CB99

#86B9CB

Tetradic

#CB8696

#B9CB86

#86CBBB

#9986CB

Color Blindness Simulation

Original

#CB8696

Protanopia

#ADAD92

Deuteranopia

#B1B691

Tritanopia

#C88F8E

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EA
200
#EACDD4
300
#DAA9B5
400
#C67B8C
500
#B24D64
600
#8F3D50
700
#723140
800
#592632
900
#421F27
950
#2A1419

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.39:1

AA Pass AAA Pass

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