#294DA3

#294DA3

Color Values

HEX

#294DA3

RGB

41, 77, 163

HSL

222.3, 59.8%, 40.0%

HSV

222.3, 74.8%, 63.9%

CMYK

74.8%, 52.8%, 0.0%, 36.1%

OKLCH

0.4448 0.1454 264.2

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#294DA3

#A37F29

Analogous

#298AA3

#4229A3

#294DA3

Triadic

#294DA3

#A3294D

#4DA329

Split Complementary

#294DA3

#A34229

#8AA329

Tetradic

#294DA3

#A3298A

#A37F29

#29A342

Color Blindness Simulation

Original

#294DA3

Protanopia

#39398E

Deuteranopia

#363489

Tritanopia

#2B7E7A

Achromatopsia

#4C4C4C

CSS Usage

background-color: #294DA3;
color: #294DA3;
border-color: #294DA3;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FB
100
#E4E9F6
200
#C6D3F1
300
#9DB3E6
400
#688AD9
500
#3360CC
600
#294DA3
700
#213E82
800
#1A3066
900
#16264B
950
#0E182F

Contrast Checker

Text on white

7.82:1

AA Pass AAA Pass

Text on black

2.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