#853458

#853458

Color Values

HEX

#853458

RGB

133, 52, 88

HSL

333.3, 43.8%, 36.3%

HSV

333.3, 60.9%, 52.2%

CMYK

0.0%, 60.9%, 33.8%, 47.8%

OKLCH

0.449 0.118 355.2

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#853458

#348561

Analogous

#853481

#853834

#853458

Triadic

#853458

#588534

#345885

Split Complementary

#853458

#348538

#348185

Tetradic

#853458

#818534

#348561

#383485

Color Blindness Simulation

Original

#853458

Protanopia

#62614F

Deuteranopia

#676D4D

Tritanopia

#814847

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F4E7EC
200
#EBCCDA
300
#DDA7BF
400
#CA779C
500
#B74879
600
#933961
700
#752E4E
800
#5C243D
900
#441D2E
950
#2B131D

Contrast Checker

Text on white

7.99:1

AA Pass AAA Pass

Text on black

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