#F88185

#F88185

Color Values

HEX

#F88185

RGB

248, 129, 133

HSL

358.0, 89.5%, 73.9%

HSV

358.0, 48.0%, 97.3%

CMYK

0.0%, 48.0%, 46.4%, 2.7%

OKLCH

0.7377 0.1454 19.2

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F88185

#81F8F4

Analogous

#F881C0

#F8B881

#F88185

Triadic

#F88185

#85F881

#8185F8

Split Complementary

#F88185

#81F8B8

#81C0F8

Tetradic

#F88185

#C0F881

#81F8F4

#B881F8

Color Blindness Simulation

Original

#F88185

Protanopia

#C4C384

Deuteranopia

#CBD484

Tritanopia

#F28383

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBBBD
300
#F98B8F
400
#F54C52
500
#F20D15
600
#C10B11
700
#9B090D
800
#79070A
900
#57090C
950
#370608

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

8.47:1

AA Pass AAA Pass

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