#FFCB42

#FFCB42

Color Values

HEX

#FFCB42

RGB

255, 203, 66

HSL

43.5, 100.0%, 62.9%

HSV

43.5, 74.1%, 100.0%

CMYK

0.0%, 20.4%, 74.1%, 0.0%

OKLCH

0.8655 0.1568 87.0

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FFCB42

#4276FF

Analogous

#FF6C42

#D4FF42

#FFCB42

Triadic

#FFCB42

#42FFCB

#CB42FF

Split Complementary

#FFCB42

#42D4FF

#6C42FF

Tetradic

#FFCB42

#42FF6C

#4276FF

#FF42D4

Color Blindness Simulation

Original

#FFCB42

Protanopia

#E8E863

Deuteranopia

#ECEF6B

Tritanopia

#FC7D83

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF4DE
200
#FFEBB8
300
#FFDD85
400
#FFCB42
500
#FFB900
600
#CC9400
700
#A37600
800
#805C00
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