#F27D85

#F27D85

Color Values

HEX

#F27D85

RGB

242, 125, 133

HSL

355.9, 81.8%, 72.0%

HSV

355.9, 48.3%, 94.9%

CMYK

0.0%, 48.3%, 45.0%, 5.1%

OKLCH

0.7239 0.1435 17.0

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F27D85

#7DF2EA

Analogous

#F27DC0

#F2B07D

#F27D85

Triadic

#F27D85

#85F27D

#7D85F2

Split Complementary

#F27D85

#7DF2B0

#7DC0F2

Tetradic

#F27D85

#C0F27D

#7DF2EA

#B07DF2

Color Blindness Simulation

Original

#F27D85

Protanopia

#BFBE83

Deuteranopia

#C6CF83

Tritanopia

#EC8281

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC2
300
#F49097
400
#EE535E
500
#E81725
600
#B9131E
700
#940F18
800
#740C13
900
#540D12
950
#35080B

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026