#7188BA

#7188BA

Color Values

HEX

#7188BA

RGB

113, 136, 186

HSL

221.1, 34.6%, 58.6%

HSV

221.1, 39.2%, 72.9%

CMYK

39.2%, 26.9%, 0.0%, 27.1%

OKLCH

0.6286 0.0804 265.1

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#7188BA

#BAA371

Analogous

#71ACBA

#7E71BA

#7188BA

Triadic

#7188BA

#BA7188

#88BA71

Split Complementary

#7188BA

#BA7E71

#ACBA71

Tetradic

#7188BA

#BA71AC

#BAA371

#71BA7E

Color Blindness Simulation

Original

#7188BA

Protanopia

#7B7BAE

Deuteranopia

#7A78AB

Tritanopia

#72A4A2

Achromatopsia

#878787

CSS Usage

background-color: #7188BA;
color: #7188BA;
border-color: #7188BA;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E8
300
#ADBAD7
400
#8095C1
500
#536FAC
600
#435989
700
#35476E
800
#2A3856
900
#212B40
950
#151B28

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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