#18646F

#18646F

Color Values

HEX

#18646F

RGB

24, 100, 111

HSL

187.6, 64.4%, 26.5%

HSV

187.6, 78.4%, 43.5%

CMYK

78.4%, 9.9%, 0.0%, 56.5%

OKLCH

0.464 0.0722 209.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#18646F

#6F2318

Analogous

#186F4F

#18396F

#18646F

Triadic

#18646F

#6F1864

#646F18

Split Complementary

#18646F

#6F1839

#6F4F18

Tetradic

#18646F

#4F186F

#6F2318

#396F18

Color Blindness Simulation

Original

#18646F

Protanopia

#393A6C

Deuteranopia

#342F6C

Tritanopia

#1C6A6A

Achromatopsia

#555555

CSS Usage

background-color: #18646F;
color: #18646F;
border-color: #18646F;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C4ECF2
300
#9ADFE9
400
#64CEDD
500
#2DBDD2
600
#2497A8
700
#1D7986
800
#175E69
900
#14454D
950
#0D2C30

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

3.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026