#074AAB

#074AAB

Color Values

HEX

#074AAB

RGB

7, 74, 171

HSL

215.5, 92.1%, 34.9%

HSV

215.5, 95.9%, 67.1%

CMYK

95.9%, 56.7%, 0.0%, 32.9%

OKLCH

0.4358 0.1674 259.6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#074AAB

#AB6807

Analogous

#079CAB

#1607AB

#074AAB

Triadic

#074AAB

#AB074A

#4AAB07

Split Complementary

#074AAB

#AB1607

#9CAB07

Tetradic

#074AAB

#AB079C

#AB6807

#07AB16

Color Blindness Simulation

Original

#074AAB

Protanopia

#242594

Deuteranopia

#201B8E

Tritanopia

#0A817D

Achromatopsia

#434343

CSS Usage

background-color: #074AAB;
color: #074AAB;
border-color: #074AAB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BAD5FC
300
#89B7FA
400
#4A91F8
500
#0A6AF5
600
#0855C4
700
#06449D
800
#05357A
900
#082959
950
#051A38

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026