#48836B

#48836B

Color Values

HEX

#48836B

RGB

72, 131, 107

HSL

155.6, 29.1%, 39.8%

HSV

155.6, 45.0%, 51.4%

CMYK

45.0%, 0.0%, 18.3%, 48.6%

OKLCH

0.5625 0.073 165.7

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#48836B

#834860

Analogous

#48834D

#487E83

#48836B

Triadic

#48836B

#6B4883

#836B48

Split Complementary

#48836B

#83487E

#834D48

Tetradic

#48836B

#4D4883

#834860

#7E8348

Color Blindness Simulation

Original

#48836B

Protanopia

#626271

Deuteranopia

#5E5A72

Tritanopia

#4B7576

Achromatopsia

#757575

CSS Usage

background-color: #48836B;
color: #48836B;
border-color: #48836B;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D1E6DD
300
#B0D4C5
400
#85BCA6
500
#5AA586
600
#48846C
700
#3A6956
800
#2D5243
900
#243D33
950
#172720

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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