#498ED3

#498ED3

Color Values

HEX

#498ED3

RGB

73, 142, 211

HSL

210.0, 61.1%, 55.7%

HSV

210.0, 65.4%, 82.7%

CMYK

65.4%, 32.7%, 0.0%, 17.3%

OKLCH

0.6329 0.1257 250.5

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#498ED3

#D38E49

Analogous

#49D3D3

#4949D3

#498ED3

Triadic

#498ED3

#D3498E

#8ED349

Split Complementary

#498ED3

#D34949

#D3D349

Tetradic

#498ED3

#D349D3

#D38E49

#49D349

Color Blindness Simulation

Original

#498ED3

Protanopia

#6767C2

Deuteranopia

#635EBE

Tritanopia

#4CB5B2

Achromatopsia

#848484

CSS Usage

background-color: #498ED3;
color: #498ED3;
border-color: #498ED3;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4EDF6
200
#C5DBF1
300
#9CC2E7
400
#67A1DA
500
#3280CD
600
#2866A4
700
#205283
800
#194067
900
#16304B
950
#0E1F2F

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.09:1

AA Pass AAA Fail

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