#072235

#072235

Color Values

HEX

#072235

RGB

7, 34, 53

HSL

204.8, 76.7%, 11.8%

HSV

204.8, 86.8%, 20.8%

CMYK

86.8%, 35.8%, 0.0%, 79.2%

OKLCH

0.2424 0.0487 243.1

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#072235

#351A07

Analogous

#073531

#070B35

#072235

Triadic

#072235

#350722

#223507

Split Complementary

#072235

#35070B

#353107

Tetradic

#072235

#310735

#351A07

#0B3507

Color Blindness Simulation

Original

#072235

Protanopia

#131330

Deuteranopia

#110F2F

Tritanopia

#082D2C

Achromatopsia

#1E1E1E

CSS Usage

background-color: #072235;
color: #072235;
border-color: #072235;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F2F8FC
100
#E2EFF9
200
#C0E0F7
300
#93CAF1
400
#58ADE9
500
#1E90E1
600
#1874B4
700
#135C90
800
#0F4871
900
#0F3652
950
#092234

Contrast Checker

Text on white

16.29:1

AA Pass AAA Pass

Text on black

1.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026