#883C69

#883C69

Color Values

HEX

#883C69

RGB

136, 60, 105

HSL

324,5, 38,8%, 38,4%

HSV

324,5, 55,9%, 53,3%

CMYK

0,0%, 55,9%, 22,8%, 46,7%

OKLCH

0,4714 0,1174 346,0

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#883C69

#3C885B

Analogous

#813C88

#883C43

#883C69

Triadic

#883C69

#69883C

#3C6988

Split Complementary

#883C69

#43883C

#3C8881

Tetradic

#883C69

#88813C

#3C885B

#3C4388

Color Blindness Simulation

Original

#883C69

Protanopia

#67665E

Deuteranopia

#6C715C

Tritanopia

#845654

Achromatopsia

#4F4F4F

CSS Usage

background-color: #883C69;
color: #883C69;
border-color: #883C69;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CDDE
300
#DAAAC6
400
#C57CA7
500
#B14E89
600
#8E3E6D
700
#713257
800
#582744
900
#412034
950
#291421

Contrast Checker

Text on white

7,25:1

AA Pass AAA Pass

Text on black

2,9:1

AA Fail 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