#6C9014

#6C9014

Color Values

HEX

#6C9014

RGB

108, 144, 20

HSL

77.4, 75.6%, 32.2%

HSV

77.4, 86.1%, 56.5%

CMYK

25.0%, 0.0%, 86.1%, 43.5%

OKLCH

0.6044 0.1469 125.8

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#6C9014

#381490

Analogous

#907614

#2E9014

#6C9014

Triadic

#6C9014

#146C90

#90146C

Split Complementary

#6C9014

#142E90

#761490

Tetradic

#6C9014

#149076

#381490

#90142E

Color Blindness Simulation

Original

#6C9014

Protanopia

#7C7C32

Deuteranopia

#7A7739

Tritanopia

#6E4A4F

Achromatopsia

#7F7F7F

CSS Usage

background-color: #6C9014;
color: #6C9014;
border-color: #6C9014;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F9FCF2
100
#F2F9E2
200
#E7F6C0
300
#D5F094
400
#BFE859
500
#A8E01F
600
#86B319
700
#6C8F14
800
#547010
900
#3E510F
950
#27330A

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.64:1

AA Pass 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