#FF312E Color

Color Information

HEX#FF312E
RGB255, 49, 46
HSL1° , 100% , 59%
HSV1° , 82% , 100%
CMYK0%, 81%, 82%, 0%

Lighter Shades

#FF4A47 #FF6260 #FF7B79 #FF9492 #FFADAB #FFC5C4

Darker Shades

#E02B28 #C22523 #A31F1D #851918 #661412 #470E0D

Complementary Palette

#DB2A28 #FF312E #28D9DB #2EFCFF #4BFCFF #FF4E4B

Analogous Palette

#D44087 #EA4394 #F02E2B #FF312E #EA9943 #ECA151

Triadic Palette

#E02B28 #FF312E #2EFF31 #47FF4A #312EFF #2B28E0

Split Complementary Palette

#E62C29 #FF312E #2EFF9A #43FFA4 #2E93FF #2984E6

Square Palette

#D62927 #FF312E #93F538 #38F1F5 #9A2EFF #AA4FFF

Tetradic Palette

#D12826 #FF312E #FCFF2E #2EFCFF #312EFF #5654FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #FF312E contains 255 red, 49 green, and 46 blue.

Contrast Ratio: 3.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.67:1