#642F28

#642F28

Color Values

HEX

#642F28

RGB

100, 47, 40

HSL

7.0, 42.9%, 27.5%

HSV

7.0, 60.0%, 39.2%

CMYK

0.0%, 53.0%, 60.0%, 60.8%

OKLCH

0.3746 0.0781 29.0

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#642F28

#285D64

Analogous

#64283F

#644D28

#642F28

Triadic

#642F28

#28642F

#2F2864

Split Complementary

#642F28

#28644D

#283F64

Tetradic

#642F28

#3F6428

#285D64

#4D2864

Color Blindness Simulation

Original

#642F28

Protanopia

#4D4D2A

Deuteranopia

#50542A

Tritanopia

#612B2B

Achromatopsia

#3A3A3A

CSS Usage

background-color: #642F28;
color: #642F28;
border-color: #642F28;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EBD0CC
300
#DCAEA8
400
#C98278
500
#B65649
600
#92443A
700
#75372F
800
#5B2B24
900
#43221E
950
#2A1613

Contrast Checker

Text on white

10.61:1

AA Pass AAA Pass

Text on black

1.98:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026