#4F8B86

#4F8B86

Color Values

HEX

#4F8B86

RGB

79, 139, 134

HSL

175.0, 27.5%, 42.7%

HSV

175.0, 43.2%, 54.5%

CMYK

43.2%, 0.0%, 3.6%, 45.5%

OKLCH

0.5946 0.0633 188.7

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#4F8B86

#8B4F54

Analogous

#4F8B68

#4F728B

#4F8B86

Triadic

#4F8B86

#864F8B

#8B864F

Split Complementary

#4F8B86

#8B4F72

#8B684F

Tetradic

#4F8B86

#684F8B

#8B4F54

#728B4F

Color Blindness Simulation

Original

#4F8B86

Protanopia

#696A87

Deuteranopia

#666188

Tritanopia

#528888

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D1E5E3
300
#B1D3D0
400
#87BBB6
500
#5CA39D
600
#4A827D
700
#3B6864
800
#2E514E
900
#243C3A
950
#172625

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.37:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026