#398085

#398085

Color Values

HEX

#398085

RGB

57, 128, 133

HSL

183.9, 40.0%, 37.3%

HSV

183.9, 57.1%, 52.2%

CMYK

57.1%, 3.8%, 0.0%, 47.8%

OKLCH

0.5568 0.071 201.6

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#398085

#853E39

Analogous

#398564

#395A85

#398085

Triadic

#398085

#853980

#808539

Split Complementary

#398085

#85395A

#856439

Tetradic

#398085

#643985

#853E39

#5A8539

Color Blindness Simulation

Original

#398085

Protanopia

#585884

Deuteranopia

#544E84

Tritanopia

#3D8383

Achromatopsia

#717171

CSS Usage

background-color: #398085;
color: #398085;
border-color: #398085;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAFA
100
#E7F2F3
200
#CDE8EA
300
#A9D7DA
400
#7BC1C6
500
#4CACB2
600
#3D898F
700
#316E72
800
#265659
900
#1F4042
950
#14282A

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026