#4F7F82

#4F7F82

Color Values

HEX

#4F7F82

RGB

79, 127, 130

HSL

183.5, 24.4%, 41.0%

HSV

183.5, 39.2%, 51.0%

CMYK

39.2%, 2.3%, 0.0%, 49.0%

OKLCH

0.5635 0.0523 200.8

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#4F7F82

#82524F

Analogous

#4F826C

#4F6682

#4F7F82

Triadic

#4F7F82

#824F7F

#7F824F

Split Complementary

#4F7F82

#824F66

#826C4F

Tetradic

#4F7F82

#6C4F82

#82524F

#66824F

Color Blindness Simulation

Original

#4F7F82

Protanopia

#646481

Deuteranopia

#615D81

Tritanopia

#518181

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D3E3E4
300
#B3CFD1
400
#8AB5B8
500
#609B9F
600
#4D7C7F
700
#3E6366
800
#304D4F
900
#263A3B
950
#182525

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026