#07309C

#07309C

Color Values

HEX

#07309C

RGB

7, 48, 156

HSL

223,5, 91,4%, 32,0%

HSV

223,5, 95,5%, 61,2%

CMYK

95,5%, 69,2%, 0,0%, 38,8%

OKLCH

0,3697 0,1794 263,7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#07309C

#9C7307

Analogous

#077B9C

#29079C

#07309C

Triadic

#07309C

#9C0730

#309C07

Split Complementary

#07309C

#9C2907

#7B9C07

Tetradic

#07309C

#9C077B

#9C7307

#079C29

Color Blindness Simulation

Original

#07309C

Protanopia

#191982

Deuteranopia

#16137C

Tritanopia

#096D69

Achromatopsia

#2F2F2F

CSS Usage

background-color: #07309C;
color: #07309C;
border-color: #07309C;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BBCDFC
300
#8AA9FA
400
#4A7AF7
500
#0B4BF4
600
#093CC3
700
#07309C
800
#05267A
900
#091F58
950
#051338

Contrast Checker

Text on white

10,98:1

AA Pass AAA Pass

Text on black

1,91: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