#294B62

#294B62

Color Values

HEX

#294B62

RGB

41, 75, 98

HSL

204.2, 41.0%, 27.3%

HSV

204.2, 58.2%, 38.4%

CMYK

58.2%, 23.5%, 0.0%, 61.6%

OKLCH

0.3975 0.0557 239.8

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#294B62

#624029

Analogous

#29625D

#292F62

#294B62

Triadic

#294B62

#62294B

#4B6229

Split Complementary

#294B62

#62292F

#625D29

Tetradic

#294B62

#5D2962

#624029

#2F6229

Color Blindness Simulation

Original

#294B62

Protanopia

#38385C

Deuteranopia

#36335B

Tritanopia

#2B5857

Achromatopsia

#454545

CSS Usage

background-color: #294B62;
color: #294B62;
border-color: #294B62;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDEEA
300
#A9C7DB
400
#7AA8C7
500
#4B8AB4
600
#3C6E90
700
#305873
800
#26455A
900
#1F3442
950
#13212A

Contrast Checker

Text on white

9.22:1

AA Pass AAA Pass

Text on black

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