#295DAE

#295DAE

Color Values

HEX

#295DAE

RGB

41, 93, 174

HSL

216.5, 61.9%, 42.2%

HSV

216.5, 76.4%, 68.2%

CMYK

76.4%, 46.6%, 0.0%, 31.8%

OKLCH

0.4879 0.1409 259.1

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#295DAE

#AE7A29

Analogous

#29A0AE

#3729AE

#295DAE

Triadic

#295DAE

#AE295D

#5DAE29

Split Complementary

#295DAE

#AE3729

#A0AE29

Tetradic

#295DAE

#AE29A0

#AE7A29

#29AE37

Color Blindness Simulation

Original

#295DAE

Protanopia

#40409A

Deuteranopia

#3C3996

Tritanopia

#2C8B88

Achromatopsia

#585858

CSS Usage

background-color: #295DAE;
color: #295DAE;
border-color: #295DAE;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FB
100
#E4EBF7
200
#C5D7F1
300
#9CBAE8
400
#6694DB
500
#316ECE
600
#2758A5
700
#1F4784
800
#183767
900
#152B4B
950
#0E1B30

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

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