#F7F080

#F7F080

Color Values

HEX

#F7F080

RGB

247, 240, 128

HSL

56,5, 88,1%, 73,5%

HSV

56,5, 48,2%, 96,9%

CMYK

0,0%, 2,8%, 48,2%, 3,1%

OKLCH

0,938 0,1344 105,5

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#F7F080

#8087F7

Analogous

#F7B480

#C2F780

#F7F080

Triadic

#F7F080

#80F7F0

#F080F7

Split Complementary

#F7F080

#80C2F7

#B480F7

Tetradic

#F7F080

#80F7B4

#8087F7

#F780C2

Color Blindness Simulation

Original

#F7F080

Protanopia

#F4F49B

Deuteranopia

#F4F5A2

Tritanopia

#F7B1B5

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FBF9E0
200
#FBF7BC
300
#F8F18C
400
#F4EA4E
500
#F0E30F
600
#C0B50C
700
#99910A
800
#787108
900
#57520A
950
#373406

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,73: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