#F2BC9D

#F2BC9D

Color Values

HEX

#F2BC9D

RGB

242, 188, 157

HSL

21.9, 76.6%, 78.2%

HSV

21.9, 35.1%, 94.9%

CMYK

0.0%, 22.3%, 35.1%, 5.1%

OKLCH

0.8362 0.0753 51.2

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#F2BC9D

#9DD3F2

Analogous

#F29DA8

#F2E69D

#F2BC9D

Triadic

#F2BC9D

#9DF2BC

#BC9DF2

Split Complementary

#F2BC9D

#9DF2E6

#9DA8F2

Tetradic

#F2BC9D

#A8F29D

#9DD3F2

#E69DF2

Color Blindness Simulation

Original

#F2BC9D

Protanopia

#DBDAA4

Deuteranopia

#DEE2A6

Tritanopia

#EFAAAC

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9EAE2
200
#F7D4C0
300
#F1B593
400
#E98D58
500
#E1651E
600
#B45118
700
#904113
800
#71330F
900
#52270F
950
#34190A

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.46:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026