#697017

#697017

Color Values

HEX

#697017

RGB

105, 112, 23

HSL

64.7, 65.9%, 26.5%

HSV

64.7, 79.5%, 43.9%

CMYK

6.3%, 0.0%, 79.5%, 56.1%

OKLCH

0.5223 0.108 114.1

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#697017

#1E1770

Analogous

#704B17

#3D7017

#697017

Triadic

#697017

#176970

#701769

Split Complementary

#697017

#173D70

#4B1770

Tetradic

#697017

#17704B

#1E1770

#70173D

Color Blindness Simulation

Original

#697017

Protanopia

#6C6C2D

Deuteranopia

#6C6B32

Tritanopia

#693E41

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#EFF3C4
300
#E4EA99
400
#D5DF62
500
#C6D42B
600
#9FA923
700
#7F871C
800
#636A16
900
#494D14
950
#2E310C

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026