#538EC6

#538EC6

Color Values

HEX

#538EC6

RGB

83, 142, 198

HSL

209.2, 50.2%, 55.1%

HSV

209.2, 58.1%, 77.6%

CMYK

58.1%, 28.3%, 0.0%, 22.4%

OKLCH

0.6305 0.1051 248.6

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#538EC6

#C68B53

Analogous

#53C6C4

#5355C6

#538EC6

Triadic

#538EC6

#C6538E

#8EC653

Split Complementary

#538EC6

#C65355

#C6C453

Tetradic

#538EC6

#C453C6

#C68B53

#55C653

Color Blindness Simulation

Original

#538EC6

Protanopia

#6D6DB8

Deuteranopia

#6965B5

Tritanopia

#56AEAB

Achromatopsia

#858585

CSS Usage

background-color: #538EC6;
color: #538EC6;
border-color: #538EC6;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#C9DCED
300
#A3C3E1
400
#71A2D0
500
#3F81C0
600
#336799
700
#29537B
800
#204160
900
#1B3146
950
#111F2C

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.05:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026