#03687D

#03687D

Color Values

HEX

#03687D

RGB

3, 104, 125

HSL

190.3, 95.3%, 25.1%

HSV

190.3, 97.6%, 49.0%

CMYK

97.6%, 16.8%, 0.0%, 51.0%

OKLCH

0.4779 0.0852 218.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#03687D

#7D1803

Analogous

#037D55

#032B7D

#03687D

Triadic

#03687D

#7D0368

#687D03

Split Complementary

#03687D

#7D032B

#7D5503

Tetradic

#03687D

#55037D

#7D1803

#2B7D03

Color Blindness Simulation

Original

#03687D

Protanopia

#2F3078

Deuteranopia

#292177

Tritanopia

#087473

Achromatopsia

#545454

CSS Usage

background-color: #03687D;
color: #03687D;
border-color: #03687D;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F1FBFE
100
#DFF7FC
200
#B9F2FD
300
#87E8FC
400
#47DCFB
500
#06CFF9
600
#05A6C7
700
#04859F
800
#03687D
900
#074C5A
950
#043039

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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