#485B33

#485B33

Color Values

HEX

#485B33

RGB

72, 91, 51

HSL

88.5, 28.2%, 27.8%

HSV

88.5, 44.0%, 35.7%

CMYK

20.9%, 0.0%, 44.0%, 64.3%

OKLCH

0.4445 0.0657 129.5

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#485B33

#46335B

Analogous

#5B5A33

#345B33

#485B33

Triadic

#485B33

#33485B

#5B3348

Split Complementary

#485B33

#33345B

#5A335B

Tetradic

#485B33

#335B5A

#46335B

#5B3334

Color Blindness Simulation

Original

#485B33

Protanopia

#50503D

Deuteranopia

#4F4E3F

Tritanopia

#494446

Achromatopsia

#545454

CSS Usage

background-color: #485B33;
color: #485B33;
border-color: #485B33;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DCE5D1
300
#C3D3B1
400
#A2BB86
500
#81A35C
600
#678349
700
#53693B
800
#41522E
900
#313D24
950
#1F2617

Contrast Checker

Text on white

7.45:1

AA Pass AAA Pass

Text on black

2.82:1

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