#718FA2

#718FA2

Color Values

HEX

#718FA2

RGB

113, 143, 162

HSL

203,3, 20,9%, 53,9%

HSV

203,3, 30,2%, 63,5%

CMYK

30,2%, 11,7%, 0,0%, 36,5%

OKLCH

0,6339 0,0443 236,2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#718FA2

#A28471

Analogous

#71A29D

#7176A2

#718FA2

Triadic

#718FA2

#A2718F

#8FA271

Split Complementary

#718FA2

#A27176

#A29D71

Tetradic

#718FA2

#9D71A2

#A28471

#76A271

Color Blindness Simulation

Original

#718FA2

Protanopia

#7E7E9D

Deuteranopia

#7C7A9C

Tritanopia

#729A99

Achromatopsia

#8A8A8A

CSS Usage

background-color: #718FA2;
color: #718FA2;
border-color: #718FA2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C5CF
400
#8DA5B4
500
#65859A
600
#516B7B
700
#415563
800
#32434D
900
#27323A
950
#192024

Contrast Checker

Text on white

3,41:1

AA Fail AAA Fail

Text on black

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