#18688C

#18688C

Color Values

HEX

#18688C

RGB

24, 104, 140

HSL

198.6, 70.7%, 32.2%

HSV

198.6, 82.9%, 54.9%

CMYK

82.9%, 25.7%, 0.0%, 45.1%

OKLCH

0.4885 0.0926 233.5

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#18688C

#8C3C18

Analogous

#188C76

#182E8C

#18688C

Triadic

#18688C

#8C1868

#688C18

Split Complementary

#18688C

#8C182E

#8C7618

Tetradic

#18688C

#76188C

#8C3C18

#2E8C18

Color Blindness Simulation

Original

#18688C

Protanopia

#3B3B83

Deuteranopia

#363081

Tritanopia

#1C7C7B

Achromatopsia

#5A5A5A

CSS Usage

background-color: #18688C;
color: #18688C;
border-color: #18688C;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FC
100
#E2F1F8
200
#C2E5F5
300
#97D2ED
400
#5EBAE3
500
#25A2DA
600
#1E81AE
700
#18688B
800
#13516D
900
#123C4F
950
#0B2632

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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