#BC6618

#BC6618

Color Values

HEX

#BC6618

RGB

188, 102, 24

HSL

28.5, 77.4%, 41.6%

HSV

28.5, 87.2%, 73.7%

CMYK

0.0%, 45.7%, 87.2%, 26.3%

OKLCH

0.5983 0.1377 55.9

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BC6618

#186EBC

Analogous

#BC181C

#BCB818

#BC6618

Triadic

#BC6618

#18BC66

#6618BC

Split Complementary

#BC6618

#18BCB8

#181CBC

Tetradic

#BC6618

#1CBC18

#186EBC

#B818BC

Color Blindness Simulation

Original

#BC6618

Protanopia

#97962B

Deuteranopia

#9CA22F

Tritanopia

#B83A3D

Achromatopsia

#737373

CSS Usage

background-color: #BC6618;
color: #BC6618;
border-color: #BC6618;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DAC0
300
#F1BF92
400
#EA9D58
500
#E27B1D
600
#B56217
700
#914E12
800
#713D0E
900
#522F0F
950
#341E09

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