#648F14

#648F14

Color Values

HEX

#648F14

RGB

100, 143, 20

HSL

81.0, 75.5%, 32.0%

HSV

81.0, 86.0%, 56.1%

CMYK

30.1%, 0.0%, 86.0%, 43.9%

OKLCH

0.5965 0.1498 128.4

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#648F14

#3F148F

Analogous

#8F7D14

#268F14

#648F14

Triadic

#648F14

#14648F

#8F1464

Split Complementary

#648F14

#14268F

#7D148F

Tetradic

#648F14

#148F7D

#3F148F

#8F1426

Color Blindness Simulation

Original

#648F14

Protanopia

#777732

Deuteranopia

#747139

Tritanopia

#66494E

Achromatopsia

#7D7D7D

CSS Usage

background-color: #648F14;
color: #648F14;
border-color: #648F14;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F9FCF2
100
#F1F9E2
200
#E3F6C0
300
#D0F094
400
#B6E859
500
#9CE01F
600
#7DB319
700
#648F14
800
#4E7010
900
#3A5110
950
#25330A

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.48:1

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