#18656A

#18656A

Color Values

HEX

#18656A

RGB

24, 101, 106

HSL

183.7, 63.1%, 25.5%

HSV

183.7, 77.4%, 41.6%

CMYK

77.4%, 4.7%, 0.0%, 58.4%

OKLCH

0.4646 0.0713 201.5

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#18656A

#6A1D18

Analogous

#186A46

#183C6A

#18656A

Triadic

#18656A

#6A1865

#656A18

Split Complementary

#18656A

#6A183C

#6A4618

Tetradic

#18656A

#46186A

#6A1D18

#3C6A18

Color Blindness Simulation

Original

#18656A

Protanopia

#393A69

Deuteranopia

#352F68

Tritanopia

#1C6868

Achromatopsia

#555555

CSS Usage

background-color: #18656A;
color: #18656A;
border-color: #18656A;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FBFB
100
#E4F6F7
200
#C5EFF2
300
#9BE4E8
400
#65D5DC
500
#2FC6D0
600
#269EA6
700
#1E7F85
800
#186368
900
#15494C
950
#0D2E30

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

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