#F2AC59

#F2AC59

Color Values

HEX

#F2AC59

RGB

242, 172, 89

HSL

32,5, 85,5%, 64,9%

HSV

32,5, 63,2%, 94,9%

CMYK

0,0%, 28,9%, 63,2%, 5,1%

OKLCH

0,7954 0,1288 68,7

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F2AC59

#599FF2

Analogous

#F25F59

#ECF259

#F2AC59

Triadic

#F2AC59

#59F2AC

#AC59F2

Split Complementary

#F2AC59

#59ECF2

#5F59F2

Tetradic

#F2AC59

#59F25F

#599FF2

#F259EC

Color Blindness Simulation

Original

#F2AC59

Protanopia

#D4D36D

Deuteranopia

#D8DD72

Tritanopia

#EE7D80

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADEBD
300
#F6C68D
400
#F1A750
500
#ED8912
600
#BD6D0F
700
#97570C
800
#764409
900
#56340B
950
#362107

Contrast Checker

Text on white

1,94:1

AA Fail AAA Fail

Text on black

10,82:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026