#12686D

#12686D

Color Values

HEX

#12686D

RGB

18, 104, 109

HSL

183.3, 71.7%, 24.9%

HSV

183.3, 83.5%, 42.7%

CMYK

83.5%, 4.6%, 0.0%, 57.3%

OKLCH

0.4728 0.0755 201.1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#12686D

#6D1712

Analogous

#126D45

#123A6D

#12686D

Triadic

#12686D

#6D1268

#686D12

Split Complementary

#12686D

#6D123A

#6D4512

Tetradic

#12686D

#45126D

#6D1712

#3A6D12

Color Blindness Simulation

Original

#12686D

Protanopia

#37386C

Deuteranopia

#322C6C

Tritanopia

#166B6B

Achromatopsia

#565656

CSS Usage

background-color: #12686D;
color: #12686D;
border-color: #12686D;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FBFC
100
#E2F7F8
200
#C2F2F5
300
#96E9EE
400
#5DDDE4
500
#24D1DB
600
#1DA7AF
700
#17868C
800
#12686D
900
#114C50
950
#0B3032

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026