#297FCC

#297FCC

Color Values

HEX

#297FCC

RGB

41, 127, 204

HSL

208.3, 66.5%, 48.0%

HSV

208.3, 79.9%, 80.0%

CMYK

79.9%, 37.7%, 0.0%, 20.0%

OKLCH

0.5844 0.1427 249.9

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#297FCC

#CC7629

Analogous

#29CCC7

#292ECC

#297FCC

Triadic

#297FCC

#CC297F

#7FCC29

Split Complementary

#297FCC

#CC292E

#CCC729

Tetradic

#297FCC

#C729CC

#CC7629

#2ECC29

Color Blindness Simulation

Original

#297FCC

Protanopia

#4E4FB9

Deuteranopia

#4943B5

Tritanopia

#2DABA7

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DDF3
300
#99C4EA
400
#62A4DF
500
#2B84D4
600
#226AAA
700
#1B5588
800
#15426A
900
#13324D
950
#0C2031

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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