#5EA2AF

#5EA2AF

Color Values

HEX

#5EA2AF

RGB

94, 162, 175

HSL

189.6, 33.6%, 52.7%

HSV

189.6, 46.3%, 68.6%

CMYK

46.3%, 7.4%, 0.0%, 31.4%

OKLCH

0.6721 0.0715 211.2

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#5EA2AF

#AF6B5E

Analogous

#5EAF93

#5E79AF

#5EA2AF

Triadic

#5EA2AF

#AF5EA2

#A2AF5E

Split Complementary

#5EA2AF

#AF5E79

#AF935E

Tetradic

#5EA2AF

#935EAF

#AF6B5E

#79AF5E

Color Blindness Simulation

Original

#5EA2AF

Protanopia

#7B7CAC

Deuteranopia

#7872AB

Tritanopia

#61A9A9

Achromatopsia

#949494

CSS Usage

background-color: #5EA2AF;
color: #5EA2AF;
border-color: #5EA2AF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE3E7
300
#ADD0D6
400
#81B6C0
500
#559DAA
600
#447D88
700
#36646D
800
#2A4E55
900
#223A3F
950
#152528

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.26:1

AA Pass AAA Pass

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