#682B33

#682B33

Color Values

HEX

#682B33

RGB

104, 43, 51

HSL

352.1, 41.5%, 28.8%

HSV

352.1, 58.7%, 40.8%

CMYK

0.0%, 58.7%, 51.0%, 59.2%

OKLCH

0.3771 0.0878 14.2

Properties

Warm Dark Nearest: RAL 3005 Wine Red

Color Harmonies

Complementary

#682B33

#2B6860

Analogous

#682B51

#68412B

#682B33

Triadic

#682B33

#33682B

#2B3368

Split Complementary

#682B33

#2B6841

#2B5168

Tetradic

#682B33

#51682B

#2B6860

#412B68

Color Blindness Simulation

Original

#682B33

Protanopia

#4E4D31

Deuteranopia

#515631

Tritanopia

#65302F

Achromatopsia

#393939

CSS Usage

background-color: #682B33;
color: #682B33;
border-color: #682B33;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FAF5F5
100
#F3E7E9
200
#EACCD0
300
#DBA8AF
400
#C87984
500
#B44B59
600
#903C47
700
#733039
800
#5A252C
900
#431E23
950
#2A1316

Contrast Checker

Text on white

10.6:1

AA Pass AAA Pass

Text on black

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