#102E49

#102E49

Color Values

HEX

#102E49

RGB

16, 46, 73

HSL

208.4, 64.0%, 17.5%

HSV

208.4, 78.1%, 28.6%

CMYK

78.1%, 37.0%, 0.0%, 71.4%

OKLCH

0.2935 0.0609 248.6

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#102E49

#492B10

Analogous

#104948

#101249

#102E49

Triadic

#102E49

#49102E

#2E4910

Split Complementary

#102E49

#491012

#494810

Tetradic

#102E49

#481049

#492B10

#124910

Color Blindness Simulation

Original

#102E49

Protanopia

#1D1D42

Deuteranopia

#1B1941

Tritanopia

#123D3C

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DDF2
300
#9BC4E9
400
#64A4DD
500
#2E84D1
600
#2569A7
700
#1D5486
800
#174269
900
#15324C
950
#0D2030

Contrast Checker

Text on white

13.92:1

AA Pass AAA Pass

Text on black

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