#B25907

#B25907

Color Values

HEX

#B25907

RGB

178, 89, 7

HSL

28.8, 92.4%, 36.3%

HSV

28.8, 96.1%, 69.8%

CMYK

0.0%, 50.0%, 96.1%, 30.2%

OKLCH

0.5617 0.1397 53.2

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#B25907

#0760B2

Analogous

#B2070A

#B2AF07

#B25907

Triadic

#B25907

#07B259

#5907B2

Split Complementary

#B25907

#07B2AF

#070AB2

Tetradic

#B25907

#0AB207

#0760B2

#AF07B2

Color Blindness Simulation

Original

#B25907

Protanopia

#8B8B1B

Deuteranopia

#919720

Tritanopia

#AE2B2E

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABA
300
#FAC089
400
#F89D49
500
#F57B0A
600
#C46208
700
#9D4F06
800
#7B3D05
900
#592F08
950
#381E05

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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