#486151

#486151

Color Values

HEX

#486151

RGB

72, 97, 81

HSL

141,6, 14,8%, 33,1%

HSV

141,6, 25,8%, 38,0%

CMYK

25,8%, 0,0%, 16,5%, 62,0%

OKLCH

0,4674 0,0396 156,5

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#486151

#614858

Analogous

#4B6148

#48615D

#486151

Triadic

#486151

#514861

#615148

Split Complementary

#486151

#5D4861

#61484B

Tetradic

#486151

#484B61

#614858

#615D48

Color Blindness Simulation

Original

#486151

Protanopia

#535355

Deuteranopia

#515056

Tritanopia

#495859

Achromatopsia

#5B5B5B

CSS Usage

background-color: #486151;
color: #486151;
border-color: #486151;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DA
300
#B9CBBF
400
#93AF9D
500
#6D927A
600
#577562
700
#465E4E
800
#36493D
900
#2A372F
950
#1B231D

Contrast Checker

Text on white

6,76:1

AA Pass AAA Fail

Text on black

3,1:1

AA Fail 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