#B1971B

#B1971B

Color Values

HEX

#B1971B

RGB

177, 151, 27

HSL

49.6, 73.5%, 40.0%

HSV

49.6, 84.7%, 69.4%

CMYK

0.0%, 14.7%, 84.7%, 30.6%

OKLCH

0.6801 0.1331 96.0

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#B1971B

#1B35B1

Analogous

#B14C1B

#80B11B

#B1971B

Triadic

#B1971B

#1BB197

#971BB1

Split Complementary

#B1971B

#1B80B1

#4C1BB1

Tetradic

#B1971B

#1BB14C

#1B35B1

#B11B80

Color Blindness Simulation

Original

#B1971B

Protanopia

#A6A639

Deuteranopia

#A7A940

Tritanopia

#B05156

Achromatopsia

#949494

CSS Usage

background-color: #B1971B;
color: #B1971B;
border-color: #B1971B;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCFAF3
100
#F8F4E2
200
#F6ECC1
300
#EFDF95
400
#E6CE5B
500
#DDBD22
600
#B1971B
700
#8E7916
800
#6F5E11
900
#504510
950
#332C0A

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.31:1

AA Pass AAA Pass

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