#4C8BAF

#4C8BAF

Color Values

HEX

#4C8BAF

RGB

76, 139, 175

HSL

201.8, 39.4%, 49.2%

HSV

201.8, 56.6%, 68.6%

CMYK

56.6%, 20.6%, 0.0%, 31.4%

OKLCH

0.6094 0.085 235.5

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4C8BAF

#AF704C

Analogous

#4CAFA1

#4C5AAF

#4C8BAF

Triadic

#4C8BAF

#AF4C8B

#8BAF4C

Split Complementary

#4C8BAF

#AF4C5A

#AFA14C

Tetradic

#4C8BAF

#A14CAF

#AF704C

#5AAF4C

Color Blindness Simulation

Original

#4C8BAF

Protanopia

#6768A6

Deuteranopia

#645FA4

Tritanopia

#4F9F9E

Achromatopsia

#808080

CSS Usage

background-color: #4C8BAF;
color: #4C8BAF;
border-color: #4C8BAF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CDDFE9
300
#AAC8DA
400
#7BABC6
500
#4D8DB2
600
#3E718E
700
#315A72
800
#274759
900
#1F3542
950
#142229

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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