#074452

#074452

Color Values

HEX

#074452

RGB

7, 68, 82

HSL

191.2, 84.3%, 17.5%

HSV

191.2, 91.5%, 32.2%

CMYK

91.5%, 17.1%, 0.0%, 67.8%

OKLCH

0.3581 0.0612 218.3

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#074452

#521507

Analogous

#07523B

#071F52

#074452

Triadic

#074452

#520744

#445207

Split Complementary

#074452

#52071F

#523B07

Tetradic

#074452

#3B0752

#521507

#1F5207

Color Blindness Simulation

Original

#074452

Protanopia

#21224F

Deuteranopia

#1E194E

Tritanopia

#0A4C4B

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F5FA
200
#BDEEF9
300
#8EE2F5
400
#51D2F0
500
#14C3EB
600
#109CBC
700
#0D7D96
800
#0A6175
900
#0C4755
950
#072D36

Contrast Checker

Text on white

10.73:1

AA Pass AAA Pass

Text on black

1.96:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026