#FFCD40

#FFCD40

Color Values

HEX

#FFCD40

RGB

255, 205, 64

HSL

44.3, 100.0%, 62.5%

HSV

44.3, 74.9%, 100.0%

CMYK

0.0%, 19.6%, 74.9%, 0.0%

OKLCH

0.8693 0.1588 88.2

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FFCD40

#4072FF

Analogous

#FF6D40

#D1FF40

#FFCD40

Triadic

#FFCD40

#40FFCD

#CD40FF

Split Complementary

#FFCD40

#40D1FF

#6D40FF

Tetradic

#FFCD40

#40FF6D

#4072FF

#FF40D1

Color Blindness Simulation

Original

#FFCD40

Protanopia

#E9E962

Deuteranopia

#ECF06A

Tritanopia

#FC7D83

Achromatopsia

#CDCDCD

CSS Usage

background-color: #FFCD40;
color: #FFCD40;
border-color: #FFCD40;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEFAF1
100
#FCF4DE
200
#FFECB8
300
#FFDF85
400
#FFCE42
500
#FFBC00
600
#CC9700
700
#A37800
800
#805E00
900
#5C4505
950
#3A2C03

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026