#614228

#614228

Color Values

HEX

#614228

RGB

97, 66, 40

HSL

27.4, 41.6%, 26.9%

HSV

27.4, 58.8%, 38.0%

CMYK

0.0%, 32.0%, 58.8%, 62.0%

OKLCH

0.4077 0.0583 60.1

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#614228

#284761

Analogous

#61282B

#615F28

#614228

Triadic

#614228

#286142

#422861

Split Complementary

#614228

#28615F

#282B61

Tetradic

#614228

#2B6128

#284761

#5F2861

Color Blindness Simulation

Original

#614228

Protanopia

#54532E

Deuteranopia

#555830

Tritanopia

#5F3334

Achromatopsia

#474747

CSS Usage

background-color: #614228;
color: #614228;
border-color: #614228;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADACC
300
#DBC0A8
400
#C89D79
500
#B57B4A
600
#90623C
700
#744F30
800
#5A3D25
900
#432F1E
950
#2A1E13

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

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