#B8673D

#B8673D

Color Values

HEX

#B8673D

RGB

184, 103, 61

HSL

20.5, 50.2%, 48.0%

HSV

20.5, 66.8%, 72.2%

CMYK

0.0%, 44.0%, 66.8%, 27.8%

OKLCH

0.5978 0.1183 46.9

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#B8673D

#3D8EB8

Analogous

#B83D50

#B8A43D

#B8673D

Triadic

#B8673D

#3DB867

#673DB8

Split Complementary

#B8673D

#3DB8A4

#3D50B8

Tetradic

#B8673D

#50B83D

#3D8EB8

#A43DB8

Color Blindness Simulation

Original

#B8673D

Protanopia

#959447

Deuteranopia

#9AA04A

Tritanopia

#B44F51

Achromatopsia

#757575

CSS Usage

background-color: #B8673D;
color: #B8673D;
border-color: #B8673D;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FBF6F4
100
#F5EBE6
200
#EDD6C9
300
#E1B8A3
400
#D09271
500
#C06B3F
600
#995633
700
#7B4529
800
#603620
900
#462A1B
950
#2C1A11

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.05:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026