#B5676C

#B5676C

Color Values

HEX

#B5676C

RGB

181, 103, 108

HSL

356.2, 34.5%, 55.7%

HSV

356.2, 43.1%, 71.0%

CMYK

0.0%, 43.1%, 40.3%, 29.0%

OKLCH

0.6029 0.1002 16.4

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B5676C

#67B5B0

Analogous

#B56793

#B58967

#B5676C

Triadic

#B5676C

#6CB567

#676CB5

Split Complementary

#B5676C

#67B589

#6793B5

Tetradic

#B5676C

#93B567

#67B5B0

#8967B5

Color Blindness Simulation

Original

#B5676C

Protanopia

#93936B

Deuteranopia

#989E6A

Tritanopia

#B16A6A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E9
200
#E8CFD1
300
#D7ADAF
400
#C18084
500
#AB5459
600
#894347
700
#6E3539
800
#562A2D
900
#3F2123
950
#281516

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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