#4B7F8C

#4B7F8C

Color Values

HEX

#4B7F8C

RGB

75, 127, 140

HSL

192.0, 30.2%, 42.2%

HSV

192.0, 46.4%, 54.9%

CMYK

46.4%, 9.3%, 0.0%, 45.1%

OKLCH

0.5651 0.059 215.6

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#4B7F8C

#8C584B

Analogous

#4B8C79

#4B5F8C

#4B7F8C

Triadic

#4B7F8C

#8C4B7F

#7F8C4B

Split Complementary

#4B7F8C

#8C4B5F

#8C794B

Tetradic

#4B7F8C

#794B8C

#8C584B

#5F8C4B

Color Blindness Simulation

Original

#4B7F8C

Protanopia

#626289

Deuteranopia

#5E5B88

Tritanopia

#4E8686

Achromatopsia

#757575

CSS Usage

background-color: #4B7F8C;
color: #4B7F8C;
border-color: #4B7F8C;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9F9
100
#E9F0F2
200
#D1E2E6
300
#AFCDD4
400
#84B2BD
500
#5997A6
600
#477885
700
#39606A
800
#2C4B53
900
#23383E
950
#162427

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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