← Back to Editor

#750606 · #DE1616 · #F26B26 · #F0AB67 · #D6FF7D

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#750606

Vermilion · Maroon · Wine Red

HEX
#750606
RGB
rgb(117, 6, 6)
HSL
hsl(0, 90%, 24%)
HSB
hsb(0, 95%, 46%)
CMYK
cmyk(0%, 95%, 95%, 54%)
Oklch
oklch(35.7% 0.141 28.4)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#DE1616

Vermilion · Crimson · Passion Red

HEX
#DE1616
RGB
rgb(222, 22, 22)
HSL
hsl(0, 82%, 48%)
HSB
hsb(0, 90%, 87%)
CMYK
cmyk(0%, 90%, 90%, 13%)
Oklch
oklch(57.2% 0.226 28.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#F26B26

Tangerine · Chocolate · Warm Sun

HEX
#F26B26
RGB
rgb(242, 107, 38)
HSL
hsl(20, 89%, 55%)
HSB
hsb(20, 84%, 95%)
CMYK
cmyk(0%, 56%, 84%, 5%)
Oklch
oklch(68.4% 0.183 43.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F0AB67

Ginger · SandyBrown · Warm Sun

HEX
#F0AB67
RGB
rgb(240, 171, 103)
HSL
hsl(30, 82%, 67%)
HSB
hsb(30, 57%, 94%)
CMYK
cmyk(0%, 29%, 57%, 6%)
Oklch
oklch(79.3% 0.117 64.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D6FF7D

Willow Green · Khaki · Apple Green

HEX
#D6FF7D
RGB
rgb(214, 255, 125)
HSL
hsl(79, 100%, 75%)
HSB
hsb(79, 51%, 100%)
CMYK
cmyk(16%, 0%, 51%, 0%)
Oklch
oklch(94.4% 0.163 124.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

750606
067474

Analogous

74063D
750606
743D06

Triadic

750606
067406
060674

Split-Comp.

750606
06743D
063D74

Tetradic

750606
3D7406
067474
3D0674

Contrast Matrix WCAG 2.1 Contrast

750606
DE1616
F26B26
F0AB67
D6FF7D
—
2.4
Fail
3.9
AA Large
6.0
AA
10.3
AAA
2.4
Fail
—
1.6
Fail
2.5
Fail
4.4
AA Large
3.9
AA Large
1.6
Fail
—
1.6
Fail
2.7
Fail
6.0
AA
2.5
Fail
1.6
Fail
—
1.7
Fail
10.3
AAA
4.4
AA Large
2.7
Fail
1.7
Fail
—
White BG
11.8AAA
5.0AA
3.0AA Large
2.0Fail
1.1Fail
Black BG
1.8Fail
4.2AA Large
6.9AA
10.7AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454406
878616
B8B637
D2D277
E8E89C

Deuteranopia

4B5406
93A216
BFC93B
D6DB7B
E5E2A4

Tritanopia

6F0606
D41616
EB4447
ED8487
D8B5BB

Achromatopsia

272727
525252
8B8B8B
B8B8B8
E4E4E4

Shades & Tints Shades & Tints

#750606

Dark
Light

#DE1616

Dark
Light

#F26B26

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #750606;
  --color-2: #de1616;
  --color-3: #f26b26;
  --color-4: #f0ab67;
  --color-5: #d6ff7d;
}

SCSS

$color-1: #750606;
$color-2: #de1616;
$color-3: #f26b26;
$color-4: #f0ab67;
$color-5: #d6ff7d;

TAILWIND

colors: {
  'brand-1': '#750606',
  'brand-2': '#de1616',
  'brand-3': '#f26b26',
  'brand-4': '#f0ab67',
  'brand-5': '#d6ff7d',
}

RGB Array

[117, 6, 6], [222, 22, 22], [242, 107, 38], [240, 171, 103], [214, 255, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #750606, #DE1616, #F26B26, #F0AB67, #D6FF7D is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #750606; --color-2: #de1616; --color-3: #f26b26; --color-4: #f0ab67; --color-5: #d6ff7d. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color