#314003

#314003

Color Values

HEX

#314003

RGB

49, 64, 3

HSL

74.8, 91.0%, 13.1%

HSV

74.8, 95.3%, 25.1%

CMYK

23.4%, 0.0%, 95.3%, 74.9%

OKLCH

0.3458 0.0828 123.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#314003

#120340

Analogous

#403003

#124003

#314003

Triadic

#314003

#033140

#400331

Split Complementary

#314003

#031240

#300340

Tetradic

#314003

#034030

#120340

#400312

Color Blindness Simulation

Original

#314003

Protanopia

#373812

Deuteranopia

#373615

Tritanopia

#321D20

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FAFDF1
100
#F4FBDF
200
#ECFCBB
300
#DEF98A
400
#CCF74B
500
#BAF40B
600
#95C309
700
#779C07
800
#5D7A06
900
#455809
950
#2B3806

Contrast Checker

Text on white

11.26:1

AA Pass AAA Pass

Text on black

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