#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026