#07367D

#07367D

Color Values

HEX

#07367D

RGB

7, 54, 125

HSL

216,1, 89,4%, 25,9%

HSV

216,1, 94,4%, 49,0%

CMYK

94,4%, 56,8%, 0,0%, 51,0%

OKLCH

0,3517 0,13 259,6

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#07367D

#7D4E07

Analogous

#07717D

#13077D

#07367D

Triadic

#07367D

#7D0736

#367D07

Split Complementary

#07367D

#7D1307

#717D07

Tetradic

#07367D

#7D0771

#7D4E07

#077D13

Color Blindness Simulation

Original

#07367D

Protanopia

#1B1C6C

Deuteranopia

#191568

Tritanopia

#095E5B

Achromatopsia

#313131

CSS Usage

background-color: #07367D;
color: #07367D;
border-color: #07367D;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BBD5FB
300
#8BB7F9
400
#4C8FF5
500
#0E68F1
600
#0B53C1
700
#09439B
800
#073479
900
#092957
950
#061A37

Contrast Checker

Text on white

11,46:1

AA Pass AAA Pass

Text on black

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