#F2CB93

#F2CB93

Color Values

HEX

#F2CB93

RGB

242, 203, 147

HSL

35,4, 78,5%, 76,3%

HSV

35,4, 39,3%, 94,9%

CMYK

0,0%, 16,1%, 39,3%, 5,1%

OKLCH

0,8628 0,0845 76,2

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#F2CB93

#93BAF2

Analogous

#F29C93

#E9F293

#F2CB93

Triadic

#F2CB93

#93F2CB

#CB93F2

Split Complementary

#F2CB93

#93E9F2

#9C93F2

Tetradic

#F2CB93

#93F29C

#93BAF2

#F293E9

Color Blindness Simulation

Original

#F2CB93

Protanopia

#E1E1A1

Deuteranopia

#E3E6A4

Tritanopia

#F0ABAE

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EFE1
200
#F7E0BF
300
#F2CA92
400
#EBAE57
500
#E4921B
600
#B67416
700
#925D12
800
#72490E
900
#53370E
950
#342209

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,74: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