#468CC5

#468CC5

Color Values

HEX

#468CC5

RGB

70, 140, 197

HSL

206.9, 52.3%, 52.4%

HSV

206.9, 64.5%, 77.3%

CMYK

64.5%, 28.9%, 0.0%, 22.7%

OKLCH

0.6198 0.1118 245.6

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#468CC5

#C57F46

Analogous

#46C5BF

#464DC5

#468CC5

Triadic

#468CC5

#C5468C

#8CC546

Split Complementary

#468CC5

#C5464D

#C5BF46

Tetradic

#468CC5

#BF46C5

#C57F46

#4DC546

Color Blindness Simulation

Original

#468CC5

Protanopia

#6465B7

Deuteranopia

#605BB4

Tritanopia

#4AACAA

Achromatopsia

#818181

CSS Usage

background-color: #468CC5;
color: #468CC5;
border-color: #468CC5;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C9DDEE
300
#A2C5E2
400
#6FA6D2
500
#3D86C2
600
#316C9B
700
#27567C
800
#1E4361
900
#1A3347
950
#10202D

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.82:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026