#126463

#126463

Color Values

HEX

#126463

RGB

18, 100, 99

HSL

179.3, 69.5%, 23.1%

HSV

179.3, 82.0%, 39.2%

CMYK

82.0%, 0.0%, 1.0%, 60.8%

OKLCH

0.4578 0.0731 193.6

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#126463

#641213

Analogous

#12643A

#123C64

#126463

Triadic

#126463

#631264

#646312

Split Complementary

#126463

#64123C

#643A12

Tetradic

#126463

#3A1264

#641213

#3C6412

Color Blindness Simulation

Original

#126463

Protanopia

#363663

Deuteranopia

#312B63

Tritanopia

#166363

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F8F7
200
#C2F4F4
300
#97ECEB
400
#5FE2E1
500
#27D8D6
600
#1FADAB
700
#198A89
800
#136C6B
900
#124F4E
950
#0B3231

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

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