#297BA3

#297BA3

Color Values

HEX

#297BA3

RGB

41, 123, 163

HSL

199.7, 59.8%, 40.0%

HSV

199.7, 74.8%, 63.9%

CMYK

74.8%, 24.5%, 0.0%, 36.1%

OKLCH

0.5522 0.0988 234.1

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#297BA3

#A35129

Analogous

#29A38E

#293EA3

#297BA3

Triadic

#297BA3

#A3297B

#7BA329

Split Complementary

#297BA3

#A3293E

#A38E29

Tetradic

#297BA3

#8E29A3

#A35129

#3EA329

Color Blindness Simulation

Original

#297BA3

Protanopia

#4D4D99

Deuteranopia

#484297

Tritanopia

#2D9290

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F0F6
200
#C6E3F1
300
#9DCEE6
400
#68B4D9
500
#339ACC
600
#297BA3
700
#216282
800
#1A4D66
900
#16394B
950
#0E242F

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

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