#054306

#054306

Color Values

HEX

#054306

RGB

5, 67, 6

HSL

121.0, 86.1%, 14.1%

HSV

121.0, 92.5%, 26.3%

CMYK

92.5%, 0.0%, 91.0%, 73.7%

OKLCH

0.3334 0.1071 142.9

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#054306

#430542

Analogous

#234305

#054325

#054306

Triadic

#054306

#060543

#430605

Split Complementary

#054306

#250543

#430523

Tetradic

#054306

#052343

#430542

#432505

Color Blindness Simulation

Original

#054306

Protanopia

#202015

Deuteranopia

#1C1818

Tritanopia

#082023

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FAE1
200
#BDFABE
300
#8DF68F
400
#4FF252
500
#12ED15
600
#0EBE11
700
#0B980E
800
#09770B
900
#0B560C
950
#073608

Contrast Checker

Text on white

11.59:1

AA Pass AAA Pass

Text on black

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