#072D55

#072D55

Color Values

HEX

#072D55

RGB

7, 45, 85

HSL

210.8, 84.8%, 18.0%

HSV

210.8, 91.8%, 33.3%

CMYK

91.8%, 47.1%, 0.0%, 66.7%

OKLCH

0.2963 0.0833 253.6

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#072D55

#552F07

Analogous

#075455

#080755

#072D55

Triadic

#072D55

#55072D

#2D5507

Split Complementary

#072D55

#550807

#545507

Tetradic

#072D55

#550754

#552F07

#075508

Color Blindness Simulation

Original

#072D55

Protanopia

#17184B

Deuteranopia

#151249

Tritanopia

#094442

Achromatopsia

#282828

CSS Usage

background-color: #072D55;
color: #072D55;
border-color: #072D55;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAFA
300
#8EC0F6
400
#519FF1
500
#137DEC
600
#1064BC
700
#0C5097
800
#0A3E76
900
#0B2F55
950
#071E36

Contrast Checker

Text on white

13.86:1

AA Pass AAA Pass

Text on black

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