← Back to Editor

#F6EBE5 · #E22D57 · #462444 · #219A7F · #F2F1AD

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F6EBE5

Apricot · Linen · Peach Orange

HEX
#F6EBE5
RGB
rgb(246, 235, 229)
HSL
hsl(21, 49%, 93%)
HSB
hsb(21, 7%, 96%)
CMYK
cmyk(0%, 4%, 7%, 4%)
Oklch
oklch(94.7% 0.014 50.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E22D57

Vermilion · Crimson · Passion Red

HEX
#E22D57
RGB
rgb(226, 45, 87)
HSL
hsl(346, 76%, 53%)
HSB
hsb(346, 80%, 89%)
CMYK
cmyk(0%, 80%, 62%, 11%)
Oklch
oklch(59.9% 0.214 14.4)

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

#462444

Rose Purple · DarkSlateGray · Eggplant

HEX
#462444
RGB
rgb(70, 36, 68)
HSL
hsl(304, 32%, 21%)
HSB
hsb(304, 49%, 27%)
CMYK
cmyk(0%, 49%, 3%, 73%)
Oklch
oklch(31.9% 0.071 329.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#219A7F

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#219A7F
RGB
rgb(33, 154, 127)
HSL
hsl(167, 65%, 37%)
HSB
hsb(167, 79%, 60%)
CMYK
cmyk(79%, 0%, 18%, 40%)
Oklch
oklch(61.6% 0.110 173.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#F2F1AD

Fresh Green · Wheat · Lemon Cream

HEX
#F2F1AD
RGB
rgb(242, 241, 173)
HSL
hsl(59, 73%, 81%)
HSB
hsb(59, 29%, 95%)
CMYK
cmyk(0%, 0%, 29%, 5%)
Oklch
oklch(94.3% 0.087 107.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6EBE5
E4F0F6

Analogous

F6E4E7
F6EBE5
F6F3E4

Triadic

F6EBE5
E4F6EB
EBE4F6

Split-Comp.

F6EBE5
E4F6F3
E4E7F6

Tetradic

F6EBE5
E7F6E4
E4F0F6
F3E4F6

Contrast Matrix WCAG 2.1 Contrast

F6EBE5
E22D57
462444
219A7F
F2F1AD
—
3.8
AA Large
11.2
AAA
3.0
Fail
1.0
Fail
3.8
AA Large
—
3.0
Fail
1.3
Fail
3.8
AA Large
11.2
AAA
3.0
Fail
—
3.8
AA Large
11.3
AAA
3.0
Fail
1.3
Fail
3.8
AA Large
—
3.0
Fail
1.0
Fail
3.8
AA Large
11.3
AAA
3.0
Fail
—
White BG
1.2Fail
4.4AA Large
13.2AAA
3.5AA Large
1.2Fail
Black BG
17.9AAA
4.7AA
1.6Fail
6.0AA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1E6
94924D
37373C
555686
F2F2BD

Deuteranopia

F2F3E7
9EAC4A
393C3A
4E4587
F2F2C1

Tritanopia

F5E8E8
D94543
443635
278B8C
F2CACD

Achromatopsia

EEEEEE
686868
323232
737373
EAEAEA

Shades & Tints Shades & Tints

#F6EBE5

Dark
Light

#E22D57

Dark
Light

#462444

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6ebe5;
  --color-2: #e22d57;
  --color-3: #462444;
  --color-4: #219a7f;
  --color-5: #f2f1ad;
}

SCSS

$color-1: #f6ebe5;
$color-2: #e22d57;
$color-3: #462444;
$color-4: #219a7f;
$color-5: #f2f1ad;

TAILWIND

colors: {
  'brand-1': '#f6ebe5',
  'brand-2': '#e22d57',
  'brand-3': '#462444',
  'brand-4': '#219a7f',
  'brand-5': '#f2f1ad',
}

RGB Array

[246, 235, 229], [226, 45, 87], [70, 36, 68], [33, 154, 127], [242, 241, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #F6EBE5, #E22D57, #462444, #219A7F, #F2F1AD is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f6ebe5; --color-2: #e22d57; --color-3: #462444; --color-4: #219a7f; --color-5: #f2f1ad. 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 bright-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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