#072E6D

#072E6D

Color Values

HEX

#072E6D

RGB

7, 46, 109

HSL

217.1, 87.9%, 22.7%

HSV

217.1, 93.6%, 42.7%

CMYK

93.6%, 57.8%, 0.0%, 57.3%

OKLCH

0.319 0.1177 260.1

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#072E6D

#6D4607

Analogous

#07616D

#13076D

#072E6D

Triadic

#072E6D

#6D072E

#2E6D07

Split Complementary

#072E6D

#6D1307

#616D07

Tetradic

#072E6D

#6D0761

#6D4607

#076D13

Color Blindness Simulation

Original

#072E6D

Protanopia

#18185E

Deuteranopia

#16135A

Tritanopia

#09524F

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BCD4FB
300
#8CB5F8
400
#4E8DF4
500
#0F65F0
600
#0C51C0
700
#0A4199
800
#083278
900
#0A2757
950
#061937

Contrast Checker

Text on white

12.96:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026