#247BA8

#247BA8

Color Values

HEX

#247BA8

RGB

36, 123, 168

HSL

200.5, 64.7%, 40.0%

HSV

200.5, 78.6%, 65.9%

CMYK

78.6%, 26.8%, 0.0%, 34.1%

OKLCH

0.5535 0.1057 236.4

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#247BA8

#A85124

Analogous

#24A893

#2439A8

#247BA8

Triadic

#247BA8

#A8247B

#7BA824

Split Complementary

#247BA8

#A82439

#A89324

Tetradic

#247BA8

#9324A8

#A85124

#39A824

Color Blindness Simulation

Original

#247BA8

Protanopia

#4A4A9D

Deuteranopia

#453E9A

Tritanopia

#289593

Achromatopsia

#6C6C6C

CSS Usage

background-color: #247BA8;
color: #247BA8;
border-color: #247BA8;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F9FC
100
#E3F0F7
200
#C4E3F2
300
#9ACEE9
400
#64B4DE
500
#2D9AD2
600
#247BA8
700
#1D6286
800
#174D69
900
#14394D
950
#0D2430

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail 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