#F2A669

#F2A669

Color Values

HEX

#F2A669

RGB

242, 166, 105

HSL

26.7, 84.0%, 68.0%

HSV

26.7, 56.6%, 94.9%

CMYK

0.0%, 31.4%, 56.6%, 5.1%

OKLCH

0.7866 0.1187 58.6

Properties

Warm Light Nearest: Tan

Color Harmonies

Complementary

#F2A669

#69B5F2

Analogous

#F26970

#F2EA69

#F2A669

Triadic

#F2A669

#69F2A6

#A669F2

Split Complementary

#F2A669

#69F2EA

#6970F2

Tetradic

#F2A669

#70F269

#69B5F2

#EA69F2

Color Blindness Simulation

Original

#F2A669

Protanopia

#D1D078

Deuteranopia

#D6DB7B

Tritanopia

#EE8386

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#F9D8BD
300
#F5BC8E
400
#F09851
500
#EB7414
600
#BC5D10
700
#964A0D
800
#753A0A
900
#552C0C
950
#361C07

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026