#538995

#538995

Color Values

HEX

#538995

RGB

83, 137, 149

HSL

190.9, 28.4%, 45.5%

HSV

190.9, 44.3%, 58.4%

CMYK

44.3%, 8.1%, 0.0%, 41.6%

OKLCH

0.5971 0.06 213.4

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#538995

#955F53

Analogous

#539580

#536895

#538995

Triadic

#538995

#955389

#899553

Split Complementary

#538995

#955368

#958053

Tetradic

#538995

#805395

#955F53

#689553

Color Blindness Simulation

Original

#538995

Protanopia

#6A6B92

Deuteranopia

#676391

Tritanopia

#56908F

Achromatopsia

#7E7E7E

CSS Usage

background-color: #538995;
color: #538995;
border-color: #538995;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D1E2E5
300
#B0CDD3
400
#86B2BB
500
#5B97A4
600
#497883
700
#3A6069
800
#2E4B52
900
#24383D
950
#172426

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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