#FDB68E

#FDB68E

Color Values

HEX

#FDB68E

RGB

253, 182, 142

HSL

21.6, 96.5%, 77.5%

HSV

21.6, 43.9%, 99.2%

CMYK

0.0%, 28.1%, 43.9%, 0.8%

OKLCH

0.8336 0.0986 50.3

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#FDB68E

#8ED5FD

Analogous

#FD8E9E

#FDED8E

#FDB68E

Triadic

#FDB68E

#8EFDB6

#B68EFD

Split Complementary

#FDB68E

#8EFDED

#8E9EFD

Tetradic

#FDB68E

#9EFD8E

#8ED5FD

#ED8EFD

Color Blindness Simulation

Original

#FDB68E

Protanopia

#DEDE98

Deuteranopia

#E2E89A

Tritanopia

#F99FA1

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCE9DF
200
#FED2B9
300
#FDB187
400
#FC8746
500
#FB5D04
600
#C84A04
700
#A03C03
800
#7D2F02
900
#5B2506
950
#391704

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.26: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