#102F58

#102F58

Color Values

HEX

#102F58

RGB

16, 47, 88

HSL

214.2, 69.2%, 20.4%

HSV

214.2, 81.8%, 34.5%

CMYK

81.8%, 46.6%, 0.0%, 65.5%

OKLCH

0.3068 0.0824 256.6

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#102F58

#583910

Analogous

#105358

#151058

#102F58

Triadic

#102F58

#58102F

#2F5810

Split Complementary

#102F58

#581510

#535810

Tetradic

#102F58

#581053

#583910

#105815

Color Blindness Simulation

Original

#102F58

Protanopia

#1D1E4E

Deuteranopia

#1C194C

Tritanopia

#124645

Achromatopsia

#2B2B2B

CSS Usage

background-color: #102F58;
color: #102F58;
border-color: #102F58;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3D8F4
300
#97BCEC
400
#5F98E2
500
#2773D8
600
#1F5CAD
700
#194A8A
800
#143A6C
900
#122C4F
950
#0C1C32

Contrast Checker

Text on white

13.38:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026