#4B896F

#4B896F

Color Values

HEX

#4B896F

RGB

75, 137, 111

HSL

154.8, 29.2%, 41.6%

HSV

154.8, 45.3%, 53.7%

CMYK

45.3%, 0.0%, 19.0%, 46.3%

OKLCH

0.5805 0.0767 164.9

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#4B896F

#894B65

Analogous

#4B8950

#4B8489

#4B896F

Triadic

#4B896F

#6F4B89

#896F4B

Split Complementary

#4B896F

#894B84

#89504B

Tetradic

#4B896F

#504B89

#894B65

#84894B

Color Blindness Simulation

Original

#4B896F

Protanopia

#666675

Deuteranopia

#625E77

Tritanopia

#4E7A7B

Achromatopsia

#7A7A7A

CSS Usage

background-color: #4B896F;
color: #4B896F;
border-color: #4B896F;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D1E6DD
300
#B0D4C5
400
#85BCA5
500
#5AA585
600
#48846B
700
#3A6955
800
#2D5243
900
#243D32
950
#172720

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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