#F2ED5F Color

Color Information

HEX#F2ED5F
RGB242, 237, 95
HSL58° , 85% , 66%
HSV58° , 61% , 95%
CMYK0%, 2%, 61%, 5%

Lighter Shades

#F4EF72 #F5F185 #F7F399 #F8F6AC #FAF8BF #FBFAD2

Darker Shades

#D5D154 #B8B448 #9B983D #7E7B31 #615F26 #44421B

Complementary Palette

#D0CC52 #F2ED5F #5256D0 #5F64F2 #757AF4 #F4F075

Analogous Palette

#CB986C #E1A570 #E3DF59 #F2ED5F #ACE170 #B3E37D

Triadic Palette

#D5D154 #F2ED5F #56FBF5 #6AFBF6 #F556FB #D84CDD

Split Complementary Palette

#DAD556 #F2ED5F #5FADF2 #6FB5F3 #A35FF2 #9356DA

Square Palette

#CBC750 #F2ED5F #67E9A4 #676CE9 #F25FAD #F479BA

Tetradic Palette

#C6C24E #F2ED5F #57FF52 #5F64F2 #F952FF #FA71FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F2ED5F contains 242 red, 237 green, and 95 blue.

Contrast Ratio: 1.23:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 17.13:1