← Back to Editor

#E23C1D · #ED641E · #F99F27 · #A3FFFF · #CBFFFA

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E23C1D

Vermilion · OrangeRed · Passion Red

HEX
#E23C1D
RGB
rgb(226, 60, 29)
HSL
hsl(9, 77%, 50%)
HSB
hsb(9, 87%, 89%)
CMYK
cmyk(0%, 73%, 87%, 11%)
Oklch
oklch(60.4% 0.207 32.6)

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

#ED641E

Tangerine · Chocolate · Warm Sun

HEX
#ED641E
RGB
rgb(237, 100, 30)
HSL
hsl(20, 85%, 52%)
HSB
hsb(20, 87%, 93%)
CMYK
cmyk(0%, 58%, 87%, 7%)
Oklch
oklch(66.7% 0.185 42.9)

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

#F99F27

Ginger · GoldenRod · Warm Sun

HEX
#F99F27
RGB
rgb(249, 159, 39)
HSL
hsl(34, 95%, 56%)
HSB
hsb(34, 84%, 98%)
CMYK
cmyk(0%, 36%, 84%, 2%)
Oklch
oklch(77.6% 0.161 67.2)

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

#A3FFFF

Sky Blue · LightBlue · Glacier Blue

HEX
#A3FFFF
RGB
rgb(163, 255, 255)
HSL
hsl(180, 100%, 82%)
HSB
hsb(180, 36%, 100%)
CMYK
cmyk(36%, 0%, 0%, 0%)
Oklch
oklch(94.3% 0.088 195.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#CBFFFA

Jade · Lavender · Glacier Blue

HEX
#CBFFFA
RGB
rgb(203, 255, 250)
HSL
hsl(174, 100%, 90%)
HSB
hsb(174, 20%, 100%)
CMYK
cmyk(20%, 0%, 2%, 0%)
Oklch
oklch(96.3% 0.053 189.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E23C1D
1DC4E2

Analogous

E21D62
E23C1D
E29D1D

Triadic

E23C1D
1DE23B
3B1DE2

Split-Comp.

E23C1D
1DE29D
1D62E2

Tetradic

E23C1D
62E21D
1DC4E2
9D1DE2

Contrast Matrix WCAG 2.1 Contrast

E23C1D
ED641E
F99F27
A3FFFF
CBFFFA
—
1.3
Fail
2.0
Fail
3.7
AA Large
3.9
AA Large
1.3
Fail
—
1.6
Fail
2.8
Fail
3.0
Fail
2.0
Fail
1.6
Fail
—
1.8
Fail
1.9
Fail
3.7
AA Large
2.8
Fail
1.8
Fail
—
1.1
Fail
3.9
AA Large
3.0
Fail
1.9
Fail
1.1
Fail
—
White BG
4.3AA Large
3.3AA Large
2.1Fail
1.1Fail
1.1Fail
Black BG
4.9AA
6.4AA
10.0AAA
18.3AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9925
B2B02F
D2D144
CBCCFF
E2E2FB

Deuteranopia

A4B026
BAC433
D7DE4B
C6BFFF
DFDBFC

Tritanopia

DA2A2C
E63C3F
F45B60
A8FFFF
CEFCFC

Achromatopsia

6A6A6A
858585
ACACAC
E3E3E3
EFEFEF

Shades & Tints Shades & Tints

#E23C1D

Dark
Light

#ED641E

Dark
Light

#F99F27

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e23c1d;
  --color-2: #ed641e;
  --color-3: #f99f27;
  --color-4: #a3ffff;
  --color-5: #cbfffa;
}

SCSS

$color-1: #e23c1d;
$color-2: #ed641e;
$color-3: #f99f27;
$color-4: #a3ffff;
$color-5: #cbfffa;

TAILWIND

colors: {
  'brand-1': '#e23c1d',
  'brand-2': '#ed641e',
  'brand-3': '#f99f27',
  'brand-4': '#a3ffff',
  'brand-5': '#cbfffa',
}

RGB Array

[226, 60, 29], [237, 100, 30], [249, 159, 39], [163, 255, 255], [203, 255, 250]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E23C1D, #ED641E, #F99F27, #A3FFFF, #CBFFFA is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #e23c1d; --color-2: #ed641e; --color-3: #f99f27; --color-4: #a3ffff; --color-5: #cbfffa. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 cool-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