#681B16

#681B16

Color Values

HEX

#681B16

RGB

104, 27, 22

HSL

3.7, 65.1%, 24.7%

HSV

3.7, 78.8%, 40.8%

CMYK

0.0%, 74.0%, 78.8%, 59.2%

OKLCH

0.3488 0.1105 28.0

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#681B16

#166368

Analogous

#68163A

#684416

#681B16

Triadic

#681B16

#16681B

#1B1668

Split Complementary

#681B16

#166844

#163A68

Tetradic

#681B16

#3A6816

#166368

#441668

Color Blindness Simulation

Original

#681B16

Protanopia

#474617

Deuteranopia

#4B5118

Tritanopia

#641818

Achromatopsia

#2B2B2B

CSS Usage

background-color: #681B16;
color: #681B16;
border-color: #681B16;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF4F3
100
#F7E4E3
200
#F3C7C4
300
#EA9F9A
400
#DE6B63
500
#D3372C
600
#A82C24
700
#87231C
800
#691B16
900
#4D1814
950
#310F0D

Contrast Checker

Text on white

11.95:1

AA Pass AAA Pass

Text on black

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