#12767D

#12767D

Color Values

HEX

#12767D

RGB

18, 118, 125

HSL

183.9, 74.8%, 28.0%

HSV

183.9, 85.6%, 49.0%

CMYK

85.6%, 5.6%, 0.0%, 51.0%

OKLCH

0.5171 0.0839 202.5

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#12767D

#7D1912

Analogous

#127D4E

#12407D

#12767D

Triadic

#12767D

#7D1276

#767D12

Split Complementary

#12767D

#7D1240

#7D4E12

Tetradic

#12767D

#4E127D

#7D1912

#407D12

Color Blindness Simulation

Original

#12767D

Protanopia

#3D3E7B

Deuteranopia

#38307B

Tritanopia

#177A7A

Achromatopsia

#616161

CSS Usage

background-color: #12767D;
color: #12767D;
border-color: #12767D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FCFC
100
#E2F7F8
200
#C1F3F6
300
#94EAF0
400
#5ADEE7
500
#20D2DF
600
#1AA8B2
700
#15878F
800
#10696F
900
#104D51
950
#0A3133

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026