#4F847C

#4F847C

Color Values

HEX

#4F847C

RGB

79, 132, 124

HSL

170.9, 25.1%, 41.4%

HSV

170.9, 40.2%, 51.8%

CMYK

40.2%, 0.0%, 6.1%, 48.2%

OKLCH

0.5738 0.0582 183.6

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#4F847C

#844F57

Analogous

#4F8462

#4F7284

#4F847C

Triadic

#4F847C

#7C4F84

#847C4F

Split Complementary

#4F847C

#844F72

#84624F

Tetradic

#4F847C

#624F84

#844F57

#72844F

Color Blindness Simulation

Original

#4F847C

Protanopia

#66667E

Deuteranopia

#635F7E

Tritanopia

#527F80

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D2E4E2
300
#B2D1CD
400
#89B8B1
500
#5FA096
600
#4C8078
700
#3D6660
800
#30504B
900
#263B38
950
#182623

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.92:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026