#F99BA2

#F99BA2

Color Values

HEX

#F99BA2

RGB

249, 155, 162

HSL

355.5, 88.7%, 79.2%

HSV

355.5, 37.8%, 97.6%

CMYK

0.0%, 37.8%, 34.9%, 2.4%

OKLCH

0.7868 0.1127 15.1

Properties

Warm Light Nearest: Salmon

Color Harmonies

Complementary

#F99BA2

#9BF9F2

Analogous

#F99BD1

#F9C39B

#F99BA2

Triadic

#F99BA2

#A2F99B

#9BA2F9

Split Complementary

#F99BA2

#9BF9C3

#9BD1F9

Tetradic

#F99BA2

#D1F99B

#9BF9F2

#C39BF9

Color Blindness Simulation

Original

#F99BA2

Protanopia

#D0CFA0

Deuteranopia

#D6DDA0

Tritanopia

#F49F9F

Achromatopsia

#AFAFAF

CSS Usage

background-color: #F99BA2;
color: #F99BA2;
border-color: #F99BA2;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FDF2F2
100
#FBE0E2
200
#FBBCC0
300
#F88C94
400
#F44D5A
500
#F10E1F
600
#C00C19
700
#9A0914
800
#780710
900
#570A10
950
#37060A

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026