#12656A

#12656A

Color Values

HEX

#12656A

RGB

18, 101, 106

HSL

183.4, 71.0%, 24.3%

HSV

183.4, 83.0%, 41.6%

CMYK

83.0%, 4.7%, 0.0%, 58.4%

OKLCH

0.4633 0.0737 201.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#12656A

#6A1712

Analogous

#126A43

#12396A

#12656A

Triadic

#12656A

#6A1265

#656A12

Split Complementary

#12656A

#6A1239

#6A4312

Tetradic

#12656A

#43126A

#6A1712

#396A12

Color Blindness Simulation

Original

#12656A

Protanopia

#363769

Deuteranopia

#312B68

Tritanopia

#166868

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E2F7F8
200
#C2F2F5
300
#96E8ED
400
#5EDCE4
500
#25D0DA
600
#1EA6AE
700
#18858C
800
#12686D
900
#114C4F
950
#0B3032

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

3.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026