#297FD6

#297FD6

Color Values

HEX

#297FD6

RGB

41, 127, 214

HSL

210.2, 67.8%, 50.0%

HSV

210.2, 80.8%, 83.9%

CMYK

80.8%, 40.7%, 0.0%, 16.1%

OKLCH

0.5906 0.1552 252.5

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#297FD6

#D68029

Analogous

#29D5D6

#2A29D6

#297FD6

Triadic

#297FD6

#D6297F

#7FD629

Split Complementary

#297FD6

#D62A29

#D5D629

Tetradic

#297FD6

#D629D5

#D68029

#29D62A

Color Blindness Simulation

Original

#297FD6

Protanopia

#4E4FC1

Deuteranopia

#4943BC

Tritanopia

#2DB0AD

Achromatopsia

#737373

CSS Usage

background-color: #297FD6;
color: #297FD6;
border-color: #297FD6;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DBF4
300
#98C2EB
400
#61A0E1
500
#297FD6
600
#2166AB
700
#1A5189
800
#153F6B
900
#13304E
950
#0C1E31

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

5.1:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026