#074786

#074786

Color Values

HEX

#074786

RGB

7, 71, 134

HSL

209.8, 90.1%, 27.6%

HSV

209.8, 94.8%, 52.5%

CMYK

94.8%, 47.0%, 0.0%, 47.5%

OKLCH

0.3991 0.1208 253.8

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#074786

#864607

Analogous

#078685

#070786

#074786

Triadic

#074786

#860747

#478607

Split Complementary

#074786

#860707

#868507

Tetradic

#074786

#850786

#864607

#078607

Color Blindness Simulation

Original

#074786

Protanopia

#232377

Deuteranopia

#1F1A73

Tritanopia

#0A6B68

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDCFB
300
#8BC2F9
400
#4CA1F6
500
#0D80F2
600
#0A67C2
700
#08529B
800
#064079
900
#093158
950
#061F37

Contrast Checker

Text on white

9.31:1

AA Pass AAA Pass

Text on black

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