#F26F63 Color

Color Information

HEX#F26F63
RGB242, 111, 99
HSL5° , 85% , 67%
HSV5° , 59% , 95%
CMYK0%, 54%, 59%, 5%

Lighter Shades

#F48076 #F59288 #F7A39B #F8B4AE #FAC5C1 #FBD7D3

Darker Shades

#D56257 #B8544B #9B473F #7E3A33 #612C28 #441F1C

Complementary Palette

#D05F55 #F26F63 #55C6D0 #63E6F2 #79EAF4 #F48379

Analogous Palette

#CC7197 #E274A2 #E3685D #F26F63 #E2B474 #E3B97D

Triadic Palette

#D56257 #F26F63 #5BFB68 #6FFB7A #685BFB #5C50DD

Split Complementary Palette

#DA6459 #F26F63 #63F2B7 #73F3BE #639FF2 #598FDA

Square Palette

#CB5D53 #F26F63 #A0EA6C #6CDFEA #B763F2 #C37CF4

Tetradic Palette

#C65B51 #F26F63 #F1FF57 #63E6F2 #6557FF #8175FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F26F63 contains 242 red, 111 green, and 99 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.26:1