#093777

#093777

Color Values

HEX

#093777

RGB

9, 55, 119

HSL

214.9, 85.9%, 25.1%

HSV

214.9, 92.4%, 46.7%

CMYK

92.4%, 53.8%, 0.0%, 53.3%

OKLCH

0.3493 0.1197 258.5

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#093777

#774909

Analogous

#096E77

#120977

#093777

Triadic

#093777

#770937

#377709

Split Complementary

#093777

#771209

#6E7709

Tetradic

#093777

#77096E

#774909

#097712

Color Blindness Simulation

Original

#093777

Protanopia

#1D1D68

Deuteranopia

#1A1764

Tritanopia

#0B5B59

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BDD6FA
300
#8DB9F6
400
#5093F2
500
#126EED
600
#0E58BE
700
#0C4698
800
#093777
900
#0B2A56
950
#071B36

Contrast Checker

Text on white

11.51:1

AA Pass AAA Pass

Text on black

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