Hex Color #F49959 - Custom Color

Color Codes

HEX

#F49959

RGB

rgb(244, 153, 89)

HSL

hsl(25, 88%, 65%)

CMYK

cmyk(0%, 37%, 64%, 4%)

HSV

hsv(25, 64%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F45764 #F49957 #F4E757

Triadic

#F49957 #57F499 #9957F4

Split Complementary

#F49957 #57F4E7 #5764F4

Tetradic (Square)

#F49957 #64F457 #57B3F4 #E757F4

Complementary

#F49959 #57B3F4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.20:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.55:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #F49959;

color: #F49959;

border-color: #F49959;

}

Tailwind CSS (with arbitrary values)

bg-[#F49959]

text-[#F49959]

border-[#F49959]

// Example usage: