#036DA1

#036DA1

Color Values

HEX

#036DA1

RGB

3, 109, 161

HSL

199.7, 96.3%, 32.2%

HSV

199.7, 98.1%, 63.1%

CMYK

98.1%, 32.3%, 0.0%, 36.9%

OKLCH

0.5099 0.1158 239.9

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#036DA1

#A13703

Analogous

#03A186

#031EA1

#036DA1

Triadic

#036DA1

#A1036D

#6DA103

Split Complementary

#036DA1

#A1031E

#A18603

Tetradic

#036DA1

#8603A1

#A13703

#1EA103

Color Blindness Simulation

Original

#036DA1

Protanopia

#313294

Deuteranopia

#2B2391

Tritanopia

#088A88

Achromatopsia

#5A5A5A

CSS Usage

background-color: #036DA1;
color: #036DA1;
border-color: #036DA1;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F1F9FE
100
#DFF2FC
200
#B9E7FE
300
#87D6FD
400
#46C0FC
500
#05AAFA
600
#0488C8
700
#036DA0
800
#02557D
900
#063F5A
950
#042839

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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