#4F7C7D

#4F7C7D

Color Values

HEX

#4F7C7D

RGB

79, 124, 125

HSL

181.3, 22.5%, 40.0%

HSV

181.3, 36.8%, 49.0%

CMYK

36.8%, 0.8%, 0.0%, 51.0%

OKLCH

0.5543 0.0494 197.6

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#4F7C7D

#7D504F

Analogous

#4F7D67

#4F657D

#4F7C7D

Triadic

#4F7C7D

#7D4F7C

#7C7D4F

Split Complementary

#4F7C7D

#7D4F65

#7D674F

Tetradic

#4F7C7D

#674F7D

#7D504F

#657D4F

Color Blindness Simulation

Original

#4F7C7D

Protanopia

#62637D

Deuteranopia

#605C7D

Tritanopia

#517D7D

Achromatopsia

#737373

CSS Usage

background-color: #4F7C7D;
color: #4F7C7D;
border-color: #4F7C7D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E3E3
300
#B4CFD0
400
#8BB5B6
500
#639B9C
600
#4F7C7D
700
#3F6364
800
#314D4E
900
#273A3A
950
#182525

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026