#F5F595

#F5F595

Color Values

HEX

#F5F595

RGB

245, 245, 149

HSL

60.0, 82.8%, 77.3%

HSV

60.0, 39.2%, 96.1%

CMYK

0.0%, 0.0%, 39.2%, 3.9%

OKLCH

0.9495 0.1184 108.5

Properties

Warm Light Nearest: Canary

Color Harmonies

Complementary

#F5F595

#9595F5

Analogous

#F5C595

#C5F595

#F5F595

Triadic

#F5F595

#95F5F5

#F595F5

Split Complementary

#F5F595

#95C5F5

#C595F5

Tetradic

#F5F595

#95F5C5

#9595F5

#F595C5

Color Blindness Simulation

Original

#F5F595

Protanopia

#F5F5AC

Deuteranopia

#F5F5B2

Tritanopia

#F5BFC3

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE1
200
#F9F9BE
300
#F4F48F
400
#EFEF53
500
#E9E916
600
#BABA12
700
#95950E
800
#75750B
900
#55550C
950
#353508

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.38:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026