#718DB9

#718DB9

Color Values

HEX

#718DB9

RGB

113, 141, 185

HSL

216,7, 34,0%, 58,4%

HSV

216,7, 38,9%, 72,5%

CMYK

38,9%, 23,8%, 0,0%, 27,5%

OKLCH

0,639 0,0738 259,3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#718DB9

#B99D71

Analogous

#71B1B9

#7971B9

#718DB9

Triadic

#718DB9

#B9718D

#8DB971

Split Complementary

#718DB9

#B97971

#B1B971

Tetradic

#718DB9

#B971B1

#B99D71

#71B979

Color Blindness Simulation

Original

#718DB9

Protanopia

#7D7DAE

Deuteranopia

#7C79AC

Tritanopia

#72A6A4

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD9E7
300
#ADBDD7
400
#8199C1
500
#5476AB
600
#435E89
700
#364B6D
800
#2A3B55
900
#222D3F
950
#151D28

Contrast Checker

Text on white

3,38:1

AA Fail AAA Fail

Text on black

6,21:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026