#046B0D

#046B0D

Color Values

HEX

#046B0D

RGB

4, 107, 13

HSL

125.2, 92.8%, 21.8%

HSV

125.2, 96.3%, 42.0%

CMYK

96.3%, 0.0%, 87.9%, 58.0%

OKLCH

0.4584 0.1501 143.3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#046B0D

#6B0462

Analogous

#2F6B04

#046B41

#046B0D

Triadic

#046B0D

#0D046B

#6B0D04

Split Complementary

#046B0D

#41046B

#6B042F

Tetradic

#046B0D

#042F6B

#6B0462

#6B4104

Color Blindness Simulation

Original

#046B0D

Protanopia

#313124

Deuteranopia

#2B2329

Tritanopia

#09363A

Achromatopsia

#4E4E4E

CSS Usage

background-color: #046B0D;
color: #046B0D;
border-color: #046B0D;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F1FDF2
100
#DFFBE2
200
#BAFCC0
300
#89FB93
400
#49F858
500
#09F61E
600
#07C518
700
#069D13
800
#057B0F
900
#08590F
950
#053809

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

3.11:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026