#F8F293

#F8F293

Color Values

HEX

#F8F293

RGB

248, 242, 147

HSL

56,4, 87,8%, 77,5%

HSV

56,4, 40,7%, 97,3%

CMYK

0,0%, 2,4%, 40,7%, 2,7%

OKLCH

0,9455 0,117 105,3

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#F8F293

#9399F8

Analogous

#F8C093

#CCF893

#F8F293

Triadic

#F8F293

#93F8F2

#F293F8

Split Complementary

#F8F293

#93CCF8

#C093F8

Tetradic

#F8F293

#93F8C0

#9399F8

#F893CC

Color Blindness Simulation

Original

#F8F293

Protanopia

#F5F5AA

Deuteranopia

#F6F6B0

Tritanopia

#F8BCC0

Achromatopsia

#ECECEC

CSS Usage

background-color: #F8F293;
color: #F8F293;
border-color: #F8F293;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFCF2
100
#FAF9E0
200
#FBF7BC
300
#F8F18C
400
#F3EA4E
500
#EFE210
600
#C0B50C
700
#99910A
800
#787108
900
#57520A
950
#373406

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,11: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