#895F9B

#895F9B

Color Values

HEX

#895F9B

RGB

137, 95, 155

HSL

282.0, 24.0%, 49.0%

HSV

282.0, 38.7%, 60.8%

CMYK

11.6%, 38.7%, 0.0%, 39.2%

OKLCH

0.5528 0.102 315.3

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#895F9B

#719B5F

Analogous

#6B5F9B

#9B5F8F

#895F9B

Triadic

#895F9B

#9B895F

#5F9B89

Split Complementary

#895F9B

#8F9B5F

#5F9B6B

Tetradic

#895F9B

#9B6B5F

#719B5F

#5F8F9B

Color Blindness Simulation

Original

#895F9B

Protanopia

#77768C

Deuteranopia

#797C89

Tritanopia

#87817E

Achromatopsia

#6C6C6C

CSS Usage

background-color: #895F9B;
color: #895F9B;
border-color: #895F9B;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F6F9
100
#EFEAF1
200
#DFD3E4
300
#C8B3D0
400
#AA8AB7
500
#8C619E
600
#704E7E
700
#593E65
800
#46304F
900
#35263B
950
#211825

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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