#FFC201

#FFC201

Color Values

HEX

#FFC201

RGB

255, 194, 1

HSL

45,6, 100,0%, 50,2%

HSV

45,6, 99,6%, 100,0%

CMYK

0,0%, 23,9%, 99,6%, 0,0%

OKLCH

0,846 0,1731 85,5

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#FFC201

#013EFF

Analogous

#FF4301

#BDFF01

#FFC201

Triadic

#FFC201

#01FFC2

#C201FF

Split Complementary

#FFC201

#01BDFF

#4301FF

Tetradic

#FFC201

#01FF43

#013EFF

#FF01BD

Color Blindness Simulation

Original

#FFC201

Protanopia

#E5E430

Deuteranopia

#E8ED3B

Tritanopia

#FC555D

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FFEEB8
300
#FFE285
400
#FFD242
500
#FFC200
600
#CC9B00
700
#A37C00
800
#806100
900
#5C4705
950
#3A2D03

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,97:1

AA Pass AAA Pass

Brands Using This Color

Klook

Klook

FFC201

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