#485102

#485102

Color Values

HEX

#485102

RGB

72, 81, 2

HSL

66.8, 95.2%, 16.3%

HSV

66.8, 97.5%, 31.8%

CMYK

11.1%, 0.0%, 97.5%, 68.2%

OKLCH

0.4126 0.0939 116.9

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#485102

#0B0251

Analogous

#513302

#215102

#485102

Triadic

#485102

#024851

#510248

Split Complementary

#485102

#022151

#330251

Tetradic

#485102

#025133

#0B0251

#510221

Color Blindness Simulation

Original

#485102

Protanopia

#4C4C15

Deuteranopia

#4B4B1A

Tritanopia

#482428

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F8FCDF
200
#F6FDB9
300
#EFFC88
400
#E6FA47
500
#DDF906
600
#B1C705
700
#8E9F04
800
#6F7C03
900
#515A07
950
#333904

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

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