#F2BF9D

#F2BF9D

Color Values

HEX

#F2BF9D

RGB

242, 191, 157

HSL

24.0, 76.6%, 78.2%

HSV

24.0, 35.1%, 94.9%

CMYK

0.0%, 21.1%, 35.1%, 5.1%

OKLCH

0.8419 0.0744 55.2

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#F2BF9D

#9DD0F2

Analogous

#F29DA5

#F2E99D

#F2BF9D

Triadic

#F2BF9D

#9DF2BF

#BF9DF2

Split Complementary

#F2BF9D

#9DF2E9

#9DA5F2

Tetradic

#F2BF9D

#A5F29D

#9DD0F2

#E99DF2

Color Blindness Simulation

Original

#F2BF9D

Protanopia

#DCDBA5

Deuteranopia

#DFE3A7

Tritanopia

#EFACAD

Achromatopsia

#C7C7C7

CSS Usage

background-color: #F2BF9D;
color: #F2BF9D;
border-color: #F2BF9D;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF6F2
100
#F9EBE2
200
#F7D6C0
300
#F1B893
400
#E99258
500
#E16C1E
600
#B45618
700
#904513
800
#71360F
900
#522A0F
950
#341A0A

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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