#368FC9

#368FC9

Color Values

HEX

#368FC9

RGB

54, 143, 201

HSL

203.7, 57.6%, 50.0%

HSV

203.7, 73.1%, 78.8%

CMYK

73.1%, 28.9%, 0.0%, 21.2%

OKLCH

0.6233 0.1209 241.4

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#368FC9

#C97036

Analogous

#36C9BA

#3645C9

#368FC9

Triadic

#368FC9

#C9368F

#8FC936

Split Complementary

#368FC9

#C93645

#C9BA36

Tetradic

#368FC9

#BA36C9

#C97036

#45C936

Color Blindness Simulation

Original

#368FC9

Protanopia

#5D5DBB

Deuteranopia

#5751B8

Tritanopia

#3AB0AD

Achromatopsia

#808080

CSS Usage

background-color: #368FC9;
color: #368FC9;
border-color: #368FC9;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FB
100
#E4EFF6
200
#C7E0F0
300
#9FC9E5
400
#6AACD7
500
#368FC9
600
#2B72A1
700
#235B81
800
#1B4764
900
#17364A
950
#0F222E

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026