#F5522D Color

Color Information

HEX#F5522D
RGB245, 82, 45
HSL11° , 91% , 57%
HSV11° , 82% , 96%
CMYK0%, 67%, 82%, 4%

Lighter Shades

#F66746 #F77C5F #F99079 #FAA592 #FBBAAB #FCCFC4

Darker Shades

#D84828 #BA3E22 #9D341D #7F2B17 #622112 #45170D

Complementary Palette

#D34727 #F5522D #28B4D3 #2ED1F5 #4BD7F6 #F66A4A

Analogous Palette

#C8416C #DF4375 #E64D2A #F5522D #DFAE43 #E2B555

Triadic Palette

#D84828 #F5522D #24FF4C #3EFF61 #4C24FF #4320E0

Split Complementary Palette

#DD4A29 #F5522D #2EF5B6 #43F6BD #2E6DF5 #2962DD

Square Palette

#CE4526 #F5522D #71EA39 #39CAEA #B62EF5 #C24FF7

Tetradic Palette

#C94325 #F5522D #D7FF24 #2ED1F5 #4C24FF #6C4BFF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F5522D contains 245 red, 82 green, and 45 blue.

Contrast Ratio: 3.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.1:1