#718BBC

#718BBC

Color Values

HEX

#718BBC

RGB

113, 139, 188

HSL

219,2, 35,9%, 59,0%

HSV

219,2, 39,9%, 73,7%

CMYK

39,9%, 26,1%, 0,0%, 26,3%

OKLCH

0,636 0,08 262,7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#718BBC

#BCA271

Analogous

#71B0BC

#7C71BC

#718BBC

Triadic

#718BBC

#BC718B

#8BBC71

Split Complementary

#718BBC

#BC7C71

#B0BC71

Tetradic

#718BBC

#BC71B0

#BCA271

#71BC7C

Color Blindness Simulation

Original

#718BBC

Protanopia

#7C7CB0

Deuteranopia

#7B79AD

Tritanopia

#72A7A5

Achromatopsia

#898989

CSS Usage

background-color: #718BBC;
color: #718BBC;
border-color: #718BBC;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7FA
100
#E8EBF3
200
#CED7E8
300
#ACBBD8
400
#7F96C3
500
#5271AD
600
#415B8B
700
#34496F
800
#293957
900
#212C40
950
#151C28

Contrast Checker

Text on white

3,43:1

AA Fail AAA Fail

Text on black

6,12: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