#B7746B

#B7746B

Color Values

HEX

#B7746B

RGB

183, 116, 107

HSL

7.1, 34.5%, 56.9%

HSV

7.1, 41.5%, 71.8%

CMYK

0.0%, 36.6%, 41.5%, 28.2%

OKLCH

0.6278 0.0864 28.1

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#B7746B

#6BAEB7

Analogous

#B76B88

#B79A6B

#B7746B

Triadic

#B7746B

#6BB774

#746BB7

Split Complementary

#B7746B

#6BB79A

#6B88B7

Tetradic

#B7746B

#88B76B

#6BAEB7

#9A6BB7

Color Blindness Simulation

Original

#B7746B

Protanopia

#9A996D

Deuteranopia

#9EA36E

Tritanopia

#B46F6F

Achromatopsia

#828282

CSS Usage

background-color: #B7746B;
color: #B7746B;
border-color: #B7746B;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF6F5
100
#F2E9E8
200
#E8D2CF
300
#D7B2AD
400
#C18880
500
#AB5E54
600
#894B43
700
#6E3C35
800
#562F2A
900
#3F2521
950
#281715

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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