#296AA3

#296AA3

Color Values

HEX

#296AA3

RGB

41, 106, 163

HSL

208.0, 59.8%, 40.0%

HSV

208.0, 74.8%, 63.9%

CMYK

74.8%, 35.0%, 0.0%, 36.1%

OKLCH

0.5109 0.1118 248.5

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#296AA3

#A36229

Analogous

#29A39F

#292DA3

#296AA3

Triadic

#296AA3

#A3296A

#6AA329

Split Complementary

#296AA3

#A3292D

#A39F29

Tetradic

#296AA3

#9F29A3

#A36229

#2DA329

Color Blindness Simulation

Original

#296AA3

Protanopia

#454695

Deuteranopia

#413C92

Tritanopia

#2C8A88

Achromatopsia

#606060

CSS Usage

background-color: #296AA3;
color: #296AA3;
border-color: #296AA3;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F8FB
100
#E4EEF6
200
#C6DDF1
300
#9DC4E6
400
#68A4D9
500
#3385CC
600
#296AA3
700
#215582
800
#1A4266
900
#16324B
950
#0E202F

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail 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