#074F98

#074F98

Color Values

HEX

#074F98

RGB

7, 79, 152

HSL

210.2, 91.2%, 31.2%

HSV

210.2, 95.4%, 59.6%

CMYK

95.4%, 48.0%, 0.0%, 40.4%

OKLCH

0.4316 0.1356 254.7

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#074F98

#985007

Analogous

#079898

#070798

#074F98

Triadic

#074F98

#98074F

#4F9807

Split Complementary

#074F98

#980707

#989807

Tetradic

#074F98

#980798

#985007

#079807

Color Blindness Simulation

Original

#074F98

Protanopia

#262786

Deuteranopia

#221D82

Tritanopia

#0B7875

Achromatopsia

#454545

CSS Usage

background-color: #074F98;
color: #074F98;
border-color: #074F98;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDBFC
300
#8AC1FA
400
#4BA0F7
500
#0B7FF4
600
#0965C3
700
#07519C
800
#063F7A
900
#093058
950
#051E38

Contrast Checker

Text on white

8.14:1

AA Pass AAA Pass

Text on black

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