#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026