#3684A1

#3684A1

Color Values

HEX

#3684A1

RGB

54, 132, 161

HSL

196.3, 49.8%, 42.2%

HSV

196.3, 66.5%, 63.1%

CMYK

66.5%, 18.0%, 0.0%, 36.9%

OKLCH

0.5774 0.0874 226.0

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#3684A1

#A15336

Analogous

#36A189

#364EA1

#3684A1

Triadic

#3684A1

#A13684

#84A136

Split Complementary

#3684A1

#A1364E

#A18936

Tetradic

#3684A1

#8936A1

#A15336

#4EA136

Color Blindness Simulation

Original

#3684A1

Protanopia

#58589A

Deuteranopia

#534D98

Tritanopia

#3A9493

Achromatopsia

#767676

CSS Usage

background-color: #3684A1;
color: #3684A1;
border-color: #3684A1;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FB
100
#E6F1F5
200
#CAE3ED
300
#A3D0E0
400
#72B6D0
500
#409CBF
600
#337D99
700
#29647A
800
#204E5F
900
#1B3A46
950
#11252C

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass 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