#FCBC8E

#FCBC8E

Color Values

HEX

#FCBC8E

RGB

252, 188, 142

HSL

25.1, 94.8%, 77.3%

HSV

25.1, 43.7%, 98.8%

CMYK

0.0%, 25.4%, 43.7%, 1.2%

OKLCH

0.8435 0.0955 56.7

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FCBC8E

#8ECEFC

Analogous

#FC8E97

#FCF38E

#FCBC8E

Triadic

#FCBC8E

#8EFCBC

#BC8EFC

Split Complementary

#FCBC8E

#8EFCF3

#8E97FC

Tetradic

#FCBC8E

#97FC8E

#8ECEFC

#F38EFC

Color Blindness Simulation

Original

#FCBC8E

Protanopia

#E0E099

Deuteranopia

#E4E99C

Tritanopia

#F9A2A4

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDF
200
#FDD6B9
300
#FCB888
400
#FA9247
500
#F86C07
600
#C75605
700
#9F4504
800
#7C3603
900
#5A2A07
950
#391A04

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026