#FDAF44

#FDAF44

Color Values

HEX

#FDAF44

RGB

253, 175, 68

HSL

34,7, 97,9%, 62,9%

HSV

34,7, 73,1%, 99,2%

CMYK

0,0%, 30,8%, 73,1%, 0,8%

OKLCH

0,8111 0,149 70,9

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FDAF44

#4492FD

Analogous

#FD5244

#EFFD44

#FDAF44

Triadic

#FDAF44

#44FDAF

#AF44FD

Split Complementary

#FDAF44

#44EFFD

#5244FD

Tetradic

#FDAF44

#44FD52

#4492FD

#FD44EF

Color Blindness Simulation

Original

#FDAF44

Protanopia

#DBDB5E

Deuteranopia

#E0E664

Tritanopia

#F97277

Achromatopsia

#B8B8B8

CSS Usage

background-color: #FDAF44;
color: #FDAF44;
border-color: #FDAF44;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FEE1B8
300
#FECB86
400
#FDAF44
500
#FC9303
600
#CA7602
700
#A15E02
800
#7E4A01
900
#5B3706
950
#3A2304

Contrast Checker

Text on white

1,84:1

AA Fail AAA Fail

Text on black

11,39:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026