#883C68

#883C68

Color Values

HEX

#883C68

RGB

136, 60, 104

HSL

325.3, 38.8%, 38.4%

HSV

325.3, 55.9%, 53.3%

CMYK

0.0%, 55.9%, 23.5%, 46.7%

OKLCH

0.471 0.1168 346.7

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#883C68

#3C885C

Analogous

#823C88

#883C42

#883C68

Triadic

#883C68

#68883C

#3C6888

Split Complementary

#883C68

#42883C

#3C8882

Tetradic

#883C68

#88823C

#3C885C

#3C4288

Color Blindness Simulation

Original

#883C68

Protanopia

#67665D

Deuteranopia

#6C715B

Tritanopia

#845553

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CDDD
300
#DAAAC6
400
#C57CA6
500
#B14E87
600
#8E3E6C
700
#713257
800
#582744
900
#412033
950
#291420

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

2.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026