#B0684F

#B0684F

Color Values

HEX

#B0684F

RGB

176, 104, 79

HSL

15.5, 38.0%, 50.0%

HSV

15.5, 55.1%, 69.0%

CMYK

0.0%, 40.9%, 55.1%, 31.0%

OKLCH

0.5917 0.1 39.8

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#B0684F

#4F97B0

Analogous

#B04F66

#B0994F

#B0684F

Triadic

#B0684F

#4FB068

#684FB0

Split Complementary

#B0684F

#4FB099

#4F66B0

Tetradic

#B0684F

#66B04F

#4F97B0

#994FB0

Color Blindness Simulation

Original

#B0684F

Protanopia

#919055

Deuteranopia

#959A56

Tritanopia

#AC5A5B

Achromatopsia

#767676

CSS Usage

background-color: #B0684F;
color: #B0684F;
border-color: #B0684F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF6F5
100
#F3EAE7
200
#E9D5CE
300
#D9B7AB
400
#C58F7D
500
#B0684F
600
#8D533F
700
#714333
800
#583428
900
#412820
950
#291A14

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.94:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026