#F2BB7C

#F2BB7C

Color Values

HEX

#F2BB7C

RGB

242, 187, 124

HSL

32.0, 81.9%, 71.8%

HSV

32.0, 48.8%, 94.9%

CMYK

0.0%, 22.7%, 48.8%, 5.1%

OKLCH

0.8282 0.1021 69.4

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#F2BB7C

#7CB3F2

Analogous

#F2807C

#EEF27C

#F2BB7C

Triadic

#F2BB7C

#7CF2BB

#BB7CF2

Split Complementary

#F2BB7C

#7CEEF2

#807CF2

Tetradic

#F2BB7C

#7CF280

#7CB3F2

#F27CEE

Color Blindness Simulation

Original

#F2BB7C

Protanopia

#DADA8B

Deuteranopia

#DDE18F

Tritanopia

#EF979A

Achromatopsia

#C2C2C2

CSS Usage

background-color: #F2BB7C;
color: #F2BB7C;
border-color: #F2BB7C;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF8F2
100
#FAEEE1
200
#F9DDBE
300
#F4C590
400
#EEA653
500
#E88617
600
#BA6C12
700
#94560F
800
#74430C
900
#54330D
950
#352008

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.17:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026