#125C59

#125C59

Color Values

HEX

#125C59

RGB

18, 92, 89

HSL

177.6, 67.3%, 21.6%

HSV

177.6, 80.4%, 36.1%

CMYK

80.4%, 0.0%, 3.3%, 63.9%

OKLCH

0.4315 0.0684 190.8

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#125C59

#5C1215

Analogous

#125C34

#123A5C

#125C59

Triadic

#125C59

#59125C

#5C5912

Split Complementary

#125C59

#5C123A

#5C3412

Tetradic

#125C59

#34125C

#5C1215

#3A5C12

Color Blindness Simulation

Original

#125C59

Protanopia

#32335A

Deuteranopia

#2E285A

Tritanopia

#165A5A

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F7
200
#C3F3F1
300
#99EBE8
400
#61E0DB
500
#2AD5CE
600
#21ABA5
700
#1B8984
800
#156B67
900
#134E4B
950
#0C3130

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

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