#125359

#125359

Color Values

HEX

#125359

RGB

18, 83, 89

HSL

185.1, 66.4%, 21.0%

HSV

185.1, 79.8%, 34.9%

CMYK

79.8%, 6.7%, 0.0%, 65.1%

OKLCH

0.4062 0.0626 204.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#125359

#591812

Analogous

#12593C

#123059

#125359

Triadic

#125359

#591253

#535912

Split Complementary

#125359

#591230

#593C12

Tetradic

#125359

#3C1259

#591812

#305912

Color Blindness Simulation

Original

#125359

Protanopia

#2E2F58

Deuteranopia

#2A2657

Tritanopia

#155656

Achromatopsia

#464646

CSS Usage

background-color: #125359;
color: #125359;
border-color: #125359;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4EFF3
300
#99E4EA
400
#62D5DF
500
#2BC6D4
600
#229EAA
700
#1B7F88
800
#15636A
900
#13484D
950
#0C2E31

Contrast Checker

Text on white

8.72:1

AA Pass AAA Pass

Text on black

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