#126D6F

#126D6F

Color Values

HEX

#126D6F

RGB

18, 109, 111

HSL

181.3, 72.1%, 25.3%

HSV

181.3, 83.8%, 43.5%

CMYK

83.8%, 1.8%, 0.0%, 56.5%

OKLCH

0.4872 0.0783 197.2

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#126D6F

#6F1412

Analogous

#126F43

#123E6F

#126D6F

Triadic

#126D6F

#6F126D

#6D6F12

Split Complementary

#126D6F

#6F123E

#6F4312

Tetradic

#126D6F

#43126F

#6F1412

#3E6F12

Color Blindness Simulation

Original

#126D6F

Protanopia

#393A6F

Deuteranopia

#342D6E

Tritanopia

#176E6E

Achromatopsia

#5A5A5A

CSS Usage

background-color: #126D6F;
color: #126D6F;
border-color: #126D6F;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C2F4F5
300
#96ECEE
400
#5DE2E5
500
#24D7DB
600
#1CACB0
700
#178A8C
800
#126C6E
900
#114F50
950
#0B3232

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

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