#4F847F

#4F847F

Color Values

HEX

#4F847F

RGB

79, 132, 127

HSL

174.3, 25.1%, 41.4%

HSV

174.3, 40.2%, 51.8%

CMYK

40.2%, 0.0%, 3.8%, 48.2%

OKLCH

0.5748 0.0573 188.0

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#4F847F

#844F54

Analogous

#4F8465

#4F6F84

#4F847F

Triadic

#4F847F

#7F4F84

#847F4F

Split Complementary

#4F847F

#844F6F

#84654F

Tetradic

#4F847F

#654F84

#844F54

#6F844F

Color Blindness Simulation

Original

#4F847F

Protanopia

#666680

Deuteranopia

#635F80

Tritanopia

#528181

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E4E3
300
#B2D1CE
400
#89B8B4
500
#5FA099
600
#4C807B
700
#3D6662
800
#30504D
900
#263B39
950
#182624

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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