#645F14

#645F14

Color Values

HEX

#645F14

RGB

100, 95, 20

HSL

56.2, 66.7%, 23.5%

HSV

56.2, 80.0%, 39.2%

CMYK

0.0%, 5.0%, 80.0%, 60.8%

OKLCH

0.4758 0.0923 105.5

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#645F14

#141964

Analogous

#643714

#416414

#645F14

Triadic

#645F14

#14645F

#5F1464

Split Complementary

#645F14

#144164

#371464

Tetradic

#645F14

#146437

#141964

#641441

Color Blindness Simulation

Original

#645F14

Protanopia

#626226

Deuteranopia

#62622A

Tritanopia

#643438

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F3F0C3
300
#EBE599
400
#E0D862
500
#D5CA2A
600
#AAA122
700
#88811B
800
#6A6515
900
#4E4A13
950
#312F0C

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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