#FFD148

#FFD148

Color Values

HEX

#FFD148

RGB

255, 209, 72

HSL

44.9, 100.0%, 64.1%

HSV

44.9, 71.8%, 100.0%

CMYK

0.0%, 18.0%, 71.8%, 0.0%

OKLCH

0.8776 0.1561 89.7

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FFD148

#4876FF

Analogous

#FF7548

#D2FF48

#FFD148

Triadic

#FFD148

#48FFD1

#D148FF

Split Complementary

#FFD148

#48D2FF

#7548FF

Tetradic

#FFD148

#48FF75

#4876FF

#FF48D2

Color Blindness Simulation

Original

#FFD148

Protanopia

#EBEB69

Deuteranopia

#EEF171

Tritanopia

#FD8389

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FFEDB8
300
#FFE085
400
#FFD042
500
#FFBF00
600
#CC9900
700
#A37A00
800
#805F00
900
#5C4605
950
#3A2C03

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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