#07244C

#07244C

Color Values

HEX

#07244C

RGB

7, 36, 76

HSL

214.8, 83.1%, 16.3%

HSV

214.8, 90.8%, 29.8%

CMYK

90.8%, 52.6%, 0.0%, 70.2%

OKLCH

0.2655 0.0817 257.6

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#07244C

#4C2F07

Analogous

#07474C

#0D074C

#07244C

Triadic

#07244C

#4C0724

#244C07

Split Complementary

#07244C

#4C0D07

#474C07

Tetradic

#07244C

#4C0747

#4C2F07

#074C0D

Color Blindness Simulation

Original

#07244C

Protanopia

#141442

Deuteranopia

#121040

Tritanopia

#083B39

Achromatopsia

#212121

CSS Usage

background-color: #07244C;
color: #07244C;
border-color: #07244C;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F2F6FD
100
#E1EBFA
200
#BED7F9
300
#8FBAF5
400
#5294EF
500
#166FE9
600
#1158BB
700
#0E4795
800
#0B3775
900
#0C2B55
950
#081B35

Contrast Checker

Text on white

15.38:1

AA Pass AAA Pass

Text on black

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