#297DA3

#297DA3

Color Values

HEX

#297DA3

RGB

41, 125, 163

HSL

198.7, 59.8%, 40.0%

HSV

198.7, 74.8%, 63.9%

CMYK

74.8%, 23.3%, 0.0%, 36.1%

OKLCH

0.5571 0.0977 232.2

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#297DA3

#A34F29

Analogous

#29A38C

#2940A3

#297DA3

Triadic

#297DA3

#A3297D

#7DA329

Split Complementary

#297DA3

#A32940

#A38C29

Tetradic

#297DA3

#8C29A3

#A34F29

#40A329

Color Blindness Simulation

Original

#297DA3

Protanopia

#4D4E9A

Deuteranopia

#484298

Tritanopia

#2D9391

Achromatopsia

#6E6E6E

CSS Usage

background-color: #297DA3;
color: #297DA3;
border-color: #297DA3;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FB
100
#E4F1F6
200
#C6E3F1
300
#9DD0E6
400
#68B6D9
500
#339CCC
600
#297DA3
700
#216482
800
#1A4E66
900
#163A4B
950
#0E252F

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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