#296790

#296790

Color Values

HEX

#296790

RGB

41, 103, 144

HSL

203.9, 55.7%, 36.3%

HSV

203.9, 71.5%, 56.5%

CMYK

71.5%, 28.5%, 0.0%, 43.5%

OKLCH

0.4929 0.0911 241.2

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#296790

#905229

Analogous

#299086

#293390

#296790

Triadic

#296790

#902967

#679029

Split Complementary

#296790

#902933

#908629

Tetradic

#296790

#862990

#905229

#339029

Color Blindness Simulation

Original

#296790

Protanopia

#444486

Deuteranopia

#403C84

Tritanopia

#2C7E7D

Achromatopsia

#5D5D5D

CSS Usage

background-color: #296790;
color: #296790;
border-color: #296790;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F8FB
100
#E5EFF6
200
#C7DFEF
300
#A0C9E4
400
#6CABD5
500
#388EC7
600
#2D729F
700
#245B7F
800
#1C4763
900
#183549
950
#0F222E

Contrast Checker

Text on white

6.11:1

AA Pass AAA Fail

Text on black

3.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026