#103C45

#103C45

Color Values

HEX

#103C45

RGB

16, 60, 69

HSL

190,2, 62,4%, 16,7%

HSV

190,2, 76,8%, 27,1%

CMYK

76,8%, 13,0%, 0,0%, 72,9%

OKLCH

0,3309 0,0492 214,0

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#103C45

#451910

Analogous

#104534

#102245

#103C45

Triadic

#103C45

#45103C

#3C4510

Split Complementary

#103C45

#451022

#453410

Tetradic

#103C45

#341045

#451910

#224510

Color Blindness Simulation

Original

#103C45

Protanopia

#232343

Deuteranopia

#201D42

Tritanopia

#124141

Achromatopsia

#333333

CSS Usage

background-color: #103C45;
color: #103C45;
border-color: #103C45;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F3FAFB
100
#E4F3F7
200
#C5EAF2
300
#9CDBE8
400
#66C8DC
500
#30B4CF
600
#2690A6
700
#1F7385
800
#185A68
900
#15424C
950
#0D2A30

Contrast Checker

Text on white

11,97:1

AA Pass AAA Pass

Text on black

1,75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Янв 18, 2026