#376314

#376314

Color Values

HEX

#376314

RGB

55, 99, 20

HSL

93.4, 66.4%, 23.3%

HSV

93.4, 79.8%, 38.8%

CMYK

44.4%, 0.0%, 79.8%, 61.2%

OKLCH

0.4509 0.1177 134.6

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#376314

#401463

Analogous

#5E6314

#146318

#376314

Triadic

#376314

#143763

#631437

Split Complementary

#376314

#181463

#63145E

Tetradic

#376314

#145E63

#401463

#631814

Color Blindness Simulation

Original

#376314

Protanopia

#4A4A27

Deuteranopia

#48442C

Tritanopia

#39363A

Achromatopsia

#545454

CSS Usage

background-color: #376314;
color: #376314;
border-color: #376314;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F3C4
300
#BDEA99
400
#9ADF62
500
#76D42B
600
#5EAA22
700
#4B881B
800
#3B6A15
900
#2D4D13
950
#1D310C

Contrast Checker

Text on white

7.1:1

AA Pass AAA Pass

Text on black

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