#614716

#614716

Color Values

HEX

#614716

RGB

97, 71, 22

HSL

39.2, 63.0%, 23.3%

HSV

39.2, 77.3%, 38.0%

CMYK

0.0%, 26.8%, 77.3%, 62.0%

OKLCH

0.4163 0.0733 79.8

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#614716

#163061

Analogous

#612116

#556116

#614716

Triadic

#614716

#166147

#471661

Split Complementary

#614716

#165561

#211661

Tetradic

#614716

#166121

#163061

#611655

Color Blindness Simulation

Original

#614716

Protanopia

#565622

Deuteranopia

#575925

Tritanopia

#602B2D

Achromatopsia

#494949

CSS Usage

background-color: #614716;
color: #614716;
border-color: #614716;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF9F3
100
#F7F0E4
200
#F2E2C5
300
#E8CE9B
400
#DCB365
500
#D0982F
600
#A67A26
700
#85611E
800
#684C18
900
#4C3915
950
#30240D

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

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