#95699C

#95699C

Color Values

HEX

#95699C

RGB

149, 105, 156

HSL

291.8, 20.5%, 51.2%

HSV

291.8, 32.7%, 61.2%

CMYK

4.5%, 32.7%, 0.0%, 38.8%

OKLCH

0.5844 0.0914 321.8

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#95699C

#709C69

Analogous

#7C699C

#9C698A

#95699C

Triadic

#95699C

#9C9569

#699C95

Split Complementary

#95699C

#8A9C69

#699C7C

Tetradic

#95699C

#9C7C69

#709C69

#698A9C

Color Blindness Simulation

Original

#95699C

Protanopia

#828290

Deuteranopia

#84888D

Tritanopia

#938684

Achromatopsia

#767676

CSS Usage

background-color: #95699C;
color: #95699C;
border-color: #95699C;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E1D4E3
300
#CBB5CE
400
#AF8DB4
500
#92659A
600
#75517B
700
#5E4162
800
#49334D
900
#372839
950
#231924

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.78:1

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