#BE7980

#BE7980

Color Values

HEX

#BE7980

RGB

190, 121, 128

HSL

353.9, 34.7%, 61.0%

HSV

353.9, 36.3%, 74.5%

CMYK

0.0%, 36.3%, 32.6%, 25.5%

OKLCH

0.6504 0.0868 13.1

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BE7980

#79BEB7

Analogous

#BE79A3

#BE9579

#BE7980

Triadic

#BE7980

#80BE79

#7980BE

Split Complementary

#BE7980

#79BE95

#79A3BE

Tetradic

#BE7980

#A3BE79

#79BEB7

#9579BE

Color Blindness Simulation

Original

#BE7980

Protanopia

#A0A07E

Deuteranopia

#A4A97E

Tritanopia

#BB7D7D

Achromatopsia

#888888

CSS Usage

background-color: #BE7980;
color: #BE7980;
border-color: #BE7980;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F6
100
#F2E8E9
200
#E8CFD1
300
#D7ADB1
400
#C18087
500
#AC535C
600
#89434A
700
#6E353B
800
#562A2E
900
#402124
950
#281517

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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