#102445

#102445

Color Values

HEX

#102445

RGB

16, 36, 69

HSL

217,4, 62,4%, 16,7%

HSV

217,4, 76,8%, 27,1%

CMYK

76,8%, 47,8%, 0,0%, 72,9%

OKLCH

0,2637 0,0672 259,9

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#102445

#453110

Analogous

#103F45

#171045

#102445

Triadic

#102445

#451024

#244510

Split Complementary

#102445

#451710

#3F4510

Tetradic

#102445

#45103F

#453110

#104517

Color Blindness Simulation

Original

#102445

Protanopia

#19193D

Deuteranopia

#18163B

Tritanopia

#113735

Achromatopsia

#222222

CSS Usage

background-color: #102445;
color: #102445;
border-color: #102445;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F3F6FB
100
#E4EBF7
200
#C5D6F2
300
#9CB8E8
400
#6692DC
500
#306CCF
600
#2656A6
700
#1F4585
800
#183668
900
#152A4C
950
#0D1A30

Contrast Checker

Text on white

15,44:1

AA Pass AAA Pass

Text on black

1,36: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