#4B8DA4

#4B8DA4

Color Values

HEX

#4B8DA4

RGB

75, 141, 164

HSL

195.5, 37.2%, 46.9%

HSV

195.5, 54.3%, 64.3%

CMYK

54.3%, 14.0%, 0.0%, 35.7%

OKLCH

0.6089 0.0756 223.0

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#4B8DA4

#A4624B

Analogous

#4BA48F

#4B61A4

#4B8DA4

Triadic

#4B8DA4

#A44B8D

#8DA44B

Split Complementary

#4B8DA4

#A44B61

#A48F4B

Tetradic

#4B8DA4

#8F4BA4

#A4624B

#61A44B

Color Blindness Simulation

Original

#4B8DA4

Protanopia

#68689E

Deuteranopia

#645F9D

Tritanopia

#4E9A99

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F0F3
200
#CEE2E9
300
#ABCDD9
400
#7EB2C4
500
#5096AF
600
#40788C
700
#336070
800
#284B57
900
#203841
950
#142429

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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