#FFB314

#FFB314

Color Values

HEX

#FFB314

RGB

255, 179, 20

HSL

40.6, 100.0%, 53.9%

HSV

40.6, 92.2%, 100.0%

CMYK

0.0%, 29.8%, 92.2%, 0.0%

OKLCH

0.8182 0.1679 77.3

Properties

Warm Light Nearest: RAL 1028 Melon Yellow

Color Harmonies

Complementary

#FFB314

#1460FF

Analogous

#FF3D14

#D5FF14

#FFB314

Triadic

#FFB314

#14FFB3

#B314FF

Split Complementary

#FFB314

#14D5FF

#3D14FF

Tetradic

#FFB314

#14FF3D

#1460FF

#FF14D5

Color Blindness Simulation

Original

#FFB314

Protanopia

#DEDD3A

Deuteranopia

#E2E844

Tritanopia

#FB5960

Achromatopsia

#B8B8B8

CSS Usage

background-color: #FFB314;
color: #FFB314;
border-color: #FFB314;
Nearest Tailwind: Amber 400 #FBBF24

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FFE8B8
300
#FFD785
400
#FFC242
500
#FFAD00
600
#CC8A00
700
#A36E00
800
#805600
900
#5C4005
950
#3A2803

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.71:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026