#102C70

#102C70

Color Values

HEX

#102C70

RGB

16, 44, 112

HSL

222.5, 75.0%, 25.1%

HSV

222.5, 85.7%, 43.9%

CMYK

85.7%, 60.7%, 0.0%, 56.1%

OKLCH

0.3199 0.1227 263.8

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#102C70

#705410

Analogous

#105C70

#241070

#102C70

Triadic

#102C70

#70102C

#2C7010

Split Complementary

#102C70

#702410

#5C7010

Tetradic

#102C70

#70105C

#705410

#107024

Color Blindness Simulation

Original

#102C70

Protanopia

#1C1C60

Deuteranopia

#1A185C

Tritanopia

#115350

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E2E8F9
200
#C1D0F6
300
#94AFF0
400
#5A83E7
500
#2058DF
600
#1946B3
700
#14388F
800
#102C70
900
#102351
950
#0A1633

Contrast Checker

Text on white

12.99:1

AA Pass AAA Pass

Text on black

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