#F2B367

#F2B367

Color Values

HEX

#F2B367

RGB

242, 179, 103

HSL

32,8, 84,2%, 67,6%

HSV

32,8, 57,4%, 94,9%

CMYK

0,0%, 26,0%, 57,4%, 5,1%

OKLCH

0,8101 0,1186 70,0

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#F2B367

#67A6F2

Analogous

#F26D67

#EBF267

#F2B367

Triadic

#F2B367

#67F2B3

#B367F2

Split Complementary

#F2B367

#67EBF2

#6D67F2

Tetradic

#F2B367

#67F26D

#67A6F2

#F267EB

Color Blindness Simulation

Original

#F2B367

Protanopia

#D7D679

Deuteranopia

#DADF7E

Tritanopia

#EF888B

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#F9DEBD
300
#F5C78E
400
#F0A851
500
#EB8A14
600
#BC6E10
700
#96580D
800
#75450A
900
#55340C
950
#362107

Contrast Checker

Text on white

1,84:1

AA Fail AAA Fail

Text on black

11,42: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