#FFCB40

#FFCB40

Color Values

HEX

#FFCB40

RGB

255, 203, 64

HSL

43.7, 100.0%, 62.5%

HSV

43.7, 74.9%, 100.0%

CMYK

0.0%, 20.4%, 74.9%, 0.0%

OKLCH

0.8654 0.1579 87.2

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FFCB40

#4074FF

Analogous

#FF6B40

#D3FF40

#FFCB40

Triadic

#FFCB40

#40FFCB

#CB40FF

Split Complementary

#FFCB40

#40D3FF

#6B40FF

Tetradic

#FFCB40

#40FF6B

#4074FF

#FF40D3

Color Blindness Simulation

Original

#FFCB40

Protanopia

#E8E862

Deuteranopia

#ECEF6A

Tritanopia

#FC7C82

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF4DE
200
#FFECB8
300
#FFDE85
400
#FFCC42
500
#FFBA00
600
#CC9500
700
#A37700
800
#805D00
900
#5C4405
950
#3A2B03

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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