#FE9695

#FE9695

Color Values

HEX

#FE9695

RGB

254, 150, 149

HSL

0.6, 98.1%, 79.0%

HSV

0.6, 41.3%, 99.6%

CMYK

0.0%, 40.9%, 41.3%, 0.4%

OKLCH

0.7815 0.1254 20.9

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FE9695

#95FDFE

Analogous

#FE95C8

#FECB95

#FE9695

Triadic

#FE9695

#95FE96

#9695FE

Split Complementary

#FE9695

#95FECB

#95C8FE

Tetradic

#FE9695

#C8FE95

#95FDFE

#CB95FE

Color Blindness Simulation

Original

#FE9695

Protanopia

#D1D095

Deuteranopia

#D7DF95

Tritanopia

#F99595

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FEB9B8
300
#FE8786
400
#FD4644
500
#FD0502
600
#CA0402
700
#A20302
800
#7E0201
900
#5B0706
950
#3A0404

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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