#F0B2AD

#F0B2AD

Color Values

HEX

#F0B2AD

RGB

240, 178, 173

HSL

4.5, 69.1%, 81.0%

HSV

4.5, 27.9%, 94.1%

CMYK

0.0%, 25.8%, 27.9%, 5.9%

OKLCH

0.8195 0.0732 24.0

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#F0B2AD

#ADEBF0

Analogous

#F0ADCA

#F0D4AD

#F0B2AD

Triadic

#F0B2AD

#ADF0B2

#B2ADF0

Split Complementary

#F0B2AD

#ADF0D4

#ADCAF0

Tetradic

#F0B2AD

#CAF0AD

#ADEBF0

#D4ADF0

Color Blindness Simulation

Original

#F0B2AD

Protanopia

#D5D5AE

Deuteranopia

#D9DDAE

Tritanopia

#EDAFAF

Achromatopsia

#BFBFBF

CSS Usage

background-color: #F0B2AD;
color: #F0B2AD;
border-color: #F0B2AD;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FCF4F3
100
#F8E4E3
200
#F4C6C3
300
#EC9E98
400
#E2695F
500
#D83527
600
#AC2A20
700
#8A2219
800
#6C1A14
900
#4F1712
950
#320E0C

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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