#4B8DBE

#4B8DBE

Color Values

HEX

#4B8DBE

RGB

75, 141, 190

HSL

205.6, 46.9%, 52.0%

HSV

205.6, 60.5%, 74.5%

CMYK

60.5%, 25.8%, 0.0%, 25.5%

OKLCH

0.6207 0.1005 242.8

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4B8DBE

#BE7C4B

Analogous

#4BBEB6

#4B54BE

#4B8DBE

Triadic

#4B8DBE

#BE4B8D

#8DBE4B

Split Complementary

#4B8DBE

#BE4B54

#BEB64B

Tetradic

#4B8DBE

#B64BBE

#BE7C4B

#54BE4B

Color Blindness Simulation

Original

#4B8DBE

Protanopia

#6868B2

Deuteranopia

#645FAF

Tritanopia

#4EA9A7

Achromatopsia

#838383

CSS Usage

background-color: #4B8DBE;
color: #4B8DBE;
border-color: #4B8DBE;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEC
300
#A5C6DF
400
#74A7CD
500
#4488BB
600
#366D96
700
#2B5778
800
#22445E
900
#1C3345
950
#12202C

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.85:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026