Vibrant Pure Red & Pure Orange Warm

A 5-color combination featuring Pure Red, Pure Red, Pure Orange. Perfect for UI design, branding identities, and digital illustrations.

♥ 409 likesgreenredpalette

#F4575A

#F47C57

#F4A357

#F4CA57

#F4F257

Professional Visualization

See how this palette performs in real-world UI mockups.

BrandName

ProductPricingGet Started

Modern Interface Design

Experience the perfect harmony of colors calculated for your brand identity.

Learn More

★

Fast Performance

⚡

Secure Cloud

Color Information & Values

HEX	RGB	HSL	Name	Details
`#F4575A`	rgb(244, 87, 90)	hsl(359, 88%, 65%)	Pure Red	View
`#F47C57`	rgb(244, 124, 87)	hsl(14, 88%, 65%)	Pure Red	View
`#F4A357`	rgb(244, 163, 87)	hsl(29, 88%, 65%)	Pure Orange	View
`#F4CA57`	rgb(244, 202, 87)	hsl(44, 88%, 65%)	Pure Amber	View
`#F4F257`	rgb(244, 242, 87)	hsl(59, 88%, 65%)	Pure Yellow	View

Color Psychology & Usage

Psychology

This green-dominant palette evokes a sense of balance and professionalism.

Detailed Analysis

The combination of Pure Red and Pure Red creates a refined visual hierarchy perfect for modern design projects.

Best Applications

TypographyUI DesignApparelWeb Design

Accessibility & Contrast Report

Score: 64%

#F4575A

On White3.3:1 (Poor)

On Black6.36:1 (Good)

#F47C57

On White2.67:1 (Poor)

On Black7.87:1 (Excellent)

#F4A357

On White2.05:1 (Poor)

On Black10.22:1 (Excellent)

#F4CA57

On White1.56:1 (Poor)

On Black13.43:1 (Excellent)

#F4F257

On White1.19:1 (Poor)

On Black17.69:1 (Excellent)

These ratios are calculated based on WCAG 2.1 guidelines. A ratio of 4.5:1 is the minimum for standard text, while 7:1 is recommended for high accessibility.

CSS Export

:root {
  --color-1: #F4575A;
  --color-2: #F47C57;
  --color-3: #F4A357;
  --color-4: #F4CA57;
  --color-5: #F4F257;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.