#59949B

#59949B

Color Values

HEX

#59949B

RGB

89, 148, 155

HSL

186.4, 27.0%, 47.8%

HSV

186.4, 42.6%, 60.8%

CMYK

42.6%, 4.5%, 0.0%, 39.2%

OKLCH

0.6289 0.0624 205.4

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#59949B

#9B6059

Analogous

#599B81

#59739B

#59949B

Triadic

#59949B

#9B5994

#949B59

Split Complementary

#59949B

#9B5973

#9B8159

Tetradic

#59949B

#81599B

#9B6059

#739B59

Color Blindness Simulation

Original

#59949B

Protanopia

#737399

Deuteranopia

#6F6B99

Tritanopia

#5C9898

Achromatopsia

#888888

CSS Usage

background-color: #59949B;
color: #59949B;
border-color: #59949B;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E3E5
300
#B1CFD2
400
#87B5BA
500
#5D9BA2
600
#4A7C82
700
#3C6368
800
#2F4D51
900
#253A3C
950
#172426

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.13:1

AA Pass 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