#485100

#485100

Color Values

HEX

#485100

RGB

72, 81, 0

HSL

66.7, 100.0%, 15.9%

HSV

66.7, 100.0%, 31.8%

CMYK

11.1%, 0.0%, 100.0%, 68.2%

OKLCH

0.4125 0.095 116.9

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#485100

#090051

Analogous

#513200

#1F5100

#485100

Triadic

#485100

#004851

#510048

Split Complementary

#485100

#001F51

#320051

Tetradic

#485100

#005132

#090051

#51001F

Color Blindness Simulation

Original

#485100

Protanopia

#4C4C14

Deuteranopia

#4B4B18

Tritanopia

#482326

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F9FCDE
200
#F7FFB8
300
#F1FF85
400
#EAFF42
500
#E3FF00
600
#B5CC00
700
#91A300
800
#718000
900
#525C05
950
#343A03

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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