#FF7B72

#FF7B72

Color Values

HEX

#FF7B72

RGB

255, 123, 114

HSL

3,8, 100,0%, 72,4%

HSV

3,8, 55,3%, 100,0%

CMYK

0,0%, 51,8%, 55,3%, 0,0%

OKLCH

0,7345 0,1626 25,8

Properties

Warm Light Nearest: Bittersweet

Color Harmonies

Complementary

#FF7B72

#72F6FF

Analogous

#FF72B0

#FFC272

#FF7B72

Triadic

#FF7B72

#72FF7B

#7B72FF

Split Complementary

#FF7B72

#72FFC2

#72B0FF

Tetradic

#FF7B72

#B0FF72

#72F6FF

#C272FF

Color Blindness Simulation

Original

#FF7B72

Protanopia

#C6C574

Deuteranopia

#CED775

Tritanopia

#F87676

Achromatopsia

#969696

CSS Usage

background-color: #FF7B72;
color: #FF7B72;
border-color: #FF7B72;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FFBCB8
300
#FF8C85
400
#FF4E42
500
#FF1000
600
#CC0D00
700
#A30A00
800
#800800
900
#5C0A05
950
#3A0703

Contrast Checker

Text on white

2,52:1

AA Fail AAA Fail

Text on black

8,33:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026