#10334F

#10334F

Color Values

HEX

#10334F

RGB

16, 51, 79

HSL

206.7, 66.3%, 18.6%

HSV

206.7, 79.7%, 31.0%

CMYK

79.7%, 35.4%, 0.0%, 69.0%

OKLCH

0.3111 0.0643 246.2

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#10334F

#4F2C10

Analogous

#104F4B

#10134F

#10334F

Triadic

#10334F

#4F1033

#334F10

Split Complementary

#10334F

#4F1013

#4F4B10

Tetradic

#10334F

#4B104F

#4F2C10

#134F10

Color Blindness Simulation

Original

#10334F

Protanopia

#1F1F48

Deuteranopia

#1D1A47

Tritanopia

#124342

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DEF3
300
#99C6EA
400
#62A8DF
500
#2B89D4
600
#226DAA
700
#1B5888
800
#15446A
900
#14344D
950
#0C2131

Contrast Checker

Text on white

13.06:1

AA Pass AAA Pass

Text on black

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