#FF9688

#FF9688

Color Values

HEX

#FF9688

RGB

255, 150, 136

HSL

7.1, 100.0%, 76.7%

HSV

7.1, 46.7%, 100.0%

CMYK

0.0%, 41.2%, 46.7%, 0.0%

OKLCH

0.7799 0.1288 28.4

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FF9688

#88F1FF

Analogous

#FF88B6

#FFD288

#FF9688

Triadic

#FF9688

#88FF96

#9688FF

Split Complementary

#FF9688

#88FFD2

#88B6FF

Tetradic

#FF9688

#B6FF88

#88F1FF

#D288FF

Color Blindness Simulation

Original

#FF9688

Protanopia

#D2D18B

Deuteranopia

#D8E08C

Tritanopia

#FA8E8F

Achromatopsia

#ABABAB

CSS Usage

background-color: #FF9688;
color: #FF9688;
border-color: #FF9688;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FEF2F1
100
#FCE2DE
200
#FFC0B8
300
#FF9385
400
#FF5942
500
#FF1E00
600
#CC1800
700
#A31300
800
#800F00
900
#5C0F05
950
#3A0A03

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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