#538AD6

#538AD6

Color Values

HEX

#538AD6

RGB

83, 138, 214

HSL

214.8, 61.5%, 58.2%

HSV

214.8, 61.2%, 83.9%

CMYK

61.2%, 35.5%, 0.0%, 16.1%

OKLCH

0.63 0.1293 256.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#538AD6

#D69F53

Analogous

#53CBD6

#5D53D6

#538AD6

Triadic

#538AD6

#D6538A

#8AD653

Split Complementary

#538AD6

#D65D53

#CBD653

Tetradic

#538AD6

#D653CB

#D69F53

#53D65D

Color Blindness Simulation

Original

#538AD6

Protanopia

#6B6BC4

Deuteranopia

#6864BF

Tritanopia

#56B5B2

Achromatopsia

#848484

CSS Usage

background-color: #538AD6;
color: #538AD6;
border-color: #538AD6;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C5D8F1
300
#9CBCE7
400
#6797DB
500
#3173CE
600
#275CA5
700
#1F4A84
800
#193967
900
#162C4B
950
#0E1C30

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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