#735F89

#735F89

Color Values

HEX

#735F89

RGB

115, 95, 137

HSL

268.6, 18.1%, 45.5%

HSV

268.6, 30.7%, 53.7%

CMYK

16.1%, 30.7%, 0.0%, 46.3%

OKLCH

0.5213 0.0688 305.9

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#735F89

#75895F

Analogous

#5F6089

#885F89

#735F89

Triadic

#735F89

#89735F

#5F8973

Split Complementary

#735F89

#89885F

#60895F

Tetradic

#735F89

#895F60

#75895F

#5F8988

Color Blindness Simulation

Original

#735F89

Protanopia

#6A6A7F

Deuteranopia

#6C6D7C

Tritanopia

#727775

Achromatopsia

#666666

CSS Usage

background-color: #735F89;
color: #735F89;
border-color: #735F89;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DBD5E2
300
#C1B7CD
400
#A090B2
500
#7E6897
600
#655478
700
#514360
800
#3F344B
900
#302938
950
#1E1A24

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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