#247DA8

#247DA8

Color Values

HEX

#247DA8

RGB

36, 125, 168

HSL

199.5, 64.7%, 40.0%

HSV

199.5, 78.6%, 65.9%

CMYK

78.6%, 25.6%, 0.0%, 34.1%

OKLCH

0.5584 0.1045 234.7

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#247DA8

#A84F24

Analogous

#24A891

#243BA8

#247DA8

Triadic

#247DA8

#A8247D

#7DA824

Split Complementary

#247DA8

#A8243B

#A89124

Tetradic

#247DA8

#9124A8

#A84F24

#3BA824

Color Blindness Simulation

Original

#247DA8

Protanopia

#4B4B9E

Deuteranopia

#453F9B

Tritanopia

#289594

Achromatopsia

#6D6D6D

CSS Usage

background-color: #247DA8;
color: #247DA8;
border-color: #247DA8;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FC
100
#E3F1F7
200
#C4E3F2
300
#9AD0E9
400
#64B6DE
500
#2D9CD2
600
#247DA8
700
#1D6486
800
#174E69
900
#143A4D
950
#0D2530

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.57: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