#B9630C

#B9630C

Color Values

HEX

#B9630C

RGB

185, 99, 12

HSL

30.2, 87.8%, 38.6%

HSV

30.2, 93.5%, 72.5%

CMYK

0.0%, 46.5%, 93.5%, 27.5%

OKLCH

0.5885 0.1393 56.6

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B9630C

#0C62B9

Analogous

#B90D0C

#B8B90C

#B9630C

Triadic

#B9630C

#0CB963

#630CB9

Split Complementary

#B9630C

#0CB8B9

#0D0CB9

Tetradic

#B9630C

#0CB90D

#0C62B9

#B90CB8

Color Blindness Simulation

Original

#B9630C

Protanopia

#949321

Deuteranopia

#999F26

Tritanopia

#B53235

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#FBDCBC
300
#F8C28C
400
#F3A14E
500
#EF8010
600
#C0670C
700
#99520A
800
#784008
900
#57310A
950
#371F06

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

4.85:1

AA Pass 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