#599BA3

#599BA3

Color Values

HEX

#599BA3

RGB

89, 155, 163

HSL

186.5, 29.4%, 49.4%

HSV

186.5, 45.4%, 63.9%

CMYK

45.4%, 4.9%, 0.0%, 36.1%

OKLCH

0.6486 0.0684 205.7

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#599BA3

#A36159

Analogous

#59A386

#5976A3

#599BA3

Triadic

#599BA3

#A3599B

#9BA359

Split Complementary

#599BA3

#A35976

#A38659

Tetradic

#599BA3

#8659A3

#A36159

#76A359

Color Blindness Simulation

Original

#599BA3

Protanopia

#7676A1

Deuteranopia

#726DA1

Tritanopia

#5CA09F

Achromatopsia

#8E8E8E

CSS Usage

background-color: #599BA3;
color: #599BA3;
border-color: #599BA3;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D1E4E6
300
#B0D0D4
400
#85B6BC
500
#5A9DA5
600
#487D84
700
#3A646A
800
#2D4E52
900
#243A3D
950
#172527

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.64:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026