#BD676D

#BD676D

Color Values

HEX

#BD676D

RGB

189, 103, 109

HSL

355.8, 39.4%, 57.3%

HSV

355.8, 45.5%, 74.1%

CMYK

0.0%, 45.5%, 42.3%, 25.9%

OKLCH

0.6137 0.11 16.4

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#BD676D

#67BDB7

Analogous

#BD6798

#BD8C67

#BD676D

Triadic

#BD676D

#6DBD67

#676DBD

Split Complementary

#BD676D

#67BD8C

#6798BD

Tetradic

#BD676D

#98BD67

#67BDB7

#8C67BD

Color Blindness Simulation

Original

#BD676D

Protanopia

#98976C

Deuteranopia

#9DA36B

Tritanopia

#B96A6A

Achromatopsia

#7A7A7A

CSS Usage

background-color: #BD676D;
color: #BD676D;
border-color: #BD676D;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDCF
300
#DAAAAD
400
#C67B81
500
#B24D54
600
#8E3E43
700
#723136
800
#59272A
900
#421F22
950
#291415

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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