#102F46

#102F46

Color Values

HEX

#102F46

RGB

16, 47, 70

HSL

205.6, 62.8%, 16.9%

HSV

205.6, 77.1%, 27.5%

CMYK

77.1%, 32.9%, 0.0%, 72.5%

OKLCH

0.2943 0.0556 243.9

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#102F46

#462710

Analogous

#104642

#101446

#102F46

Triadic

#102F46

#46102F

#2F4610

Split Complementary

#102F46

#461014

#464210

Tetradic

#102F46

#421046

#462710

#144610

Color Blindness Simulation

Original

#102F46

Protanopia

#1D1E40

Deuteranopia

#1C193F

Tritanopia

#123C3B

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5DFF2
300
#9BC7E8
400
#65A9DC
500
#2F8BD0
600
#266FA6
700
#1E5985
800
#184668
900
#15344C
950
#0D2130

Contrast Checker

Text on white

13.84:1

AA Pass AAA Pass

Text on black

1.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026