#4F9B8F

#4F9B8F

Color Values

HEX

#4F9B8F

RGB

79, 155, 143

HSL

170.5, 32.5%, 45.9%

HSV

170.5, 49.0%, 60.8%

CMYK

49.0%, 0.0%, 7.7%, 39.2%

OKLCH

0.6372 0.0781 182.2

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#4F9B8F

#9B4F5B

Analogous

#4F9B69

#4F819B

#4F9B8F

Triadic

#4F9B8F

#8F4F9B

#9B8F4F

Split Complementary

#4F9B8F

#9B4F81

#9B694F

Tetradic

#4F9B8F

#694F9B

#9B4F5B

#819B4F

Color Blindness Simulation

Original

#4F9B8F

Protanopia

#707192

Deuteranopia

#6C6693

Tritanopia

#539495

Achromatopsia

#8A8A8A

CSS Usage

background-color: #4F9B8F;
color: #4F9B8F;
border-color: #4F9B8F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E3
300
#AED6CF
400
#82BFB6
500
#56A99C
600
#45877D
700
#376C64
800
#2B544E
900
#223F3A
950
#162825

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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