#F0D252

#F0D252

Color Values

HEX

#F0D252

RGB

240, 210, 82

HSL

48.6, 84.0%, 63.1%

HSV

48.6, 65.8%, 94.1%

CMYK

0.0%, 12.5%, 65.8%, 5.9%

OKLCH

0.8661 0.1475 95.9

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#F0D252

#5270F0

Analogous

#F08352

#BFF052

#F0D252

Triadic

#F0D252

#52F0D2

#D252F0

Split Complementary

#F0D252

#52BFF0

#8352F0

Tetradic

#F0D252

#52F083

#5270F0

#F052BF

Color Blindness Simulation

Original

#F0D252

Protanopia

#E3E371

Deuteranopia

#E5E778

Tritanopia

#EE898F

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF5E0
200
#F9EEBD
300
#F5E28E
400
#F0D251
500
#EBC214
600
#BC9B10
700
#967C0D
800
#75610A
900
#55470C
950
#362D07

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026