← Back to Editor

#8FEEFF · #FAFAFA · #E9BB1C · #D96614 · #B81616

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#8FEEFF

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#8FEEFF
RGB
rgb(143, 238, 255)
HSL
hsl(189, 100%, 78%)
HSB
hsb(189, 44%, 100%)
CMYK
cmyk(44%, 7%, 0%, 0%)
Oklch
oklch(89.6% 0.093 210.2)

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

#FAFAFA

Moonlight White · Snow · Cloud White

HEX
#FAFAFA
RGB
rgb(250, 250, 250)
HSL
hsl(0, 0%, 98%)
HSB
hsb(0, 0%, 98%)
CMYK
cmyk(0%, 0%, 0%, 2%)
Oklch
oklch(98.5% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#E9BB1C

Ginger · GoldenRod · Sunflower

HEX
#E9BB1C
RGB
rgb(233, 187, 28)
HSL
hsl(47, 82%, 51%)
HSB
hsb(47, 88%, 91%)
CMYK
cmyk(0%, 20%, 88%, 9%)
Oklch
oklch(81.0% 0.161 90.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#D96614

Tangerine · Chocolate · Amber Brown

HEX
#D96614
RGB
rgb(217, 102, 20)
HSL
hsl(25, 83%, 46%)
HSB
hsb(25, 91%, 85%)
CMYK
cmyk(0%, 53%, 91%, 15%)
Oklch
oklch(63.9% 0.166 48.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#B81616

Vermilion · FireBrick · Wine Red

HEX
#B81616
RGB
rgb(184, 22, 22)
HSL
hsl(0, 79%, 40%)
HSB
hsb(0, 88%, 72%)
CMYK
cmyk(0%, 88%, 88%, 28%)
Oklch
oklch(50.0% 0.193 28.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8FEEFF
FFA08F

Analogous

8FFFD8
8FEEFF
8FB6FF

Triadic

8FEEFF
FF8FEE
EEFF8F

Split-Comp.

8FEEFF
FF8FB6
FFD88F

Tetradic

8FEEFF
D88FFF
FFA08F
B6FF8F

Contrast Matrix WCAG 2.1 Contrast

8FEEFF
FAFAFA
E9BB1C
D96614
B81616
—
1.3
Fail
1.4
Fail
2.7
Fail
5.0
AA
1.3
Fail
—
1.7
Fail
3.4
AA Large
6.4
AA
1.4
Fail
1.7
Fail
—
2.0
Fail
3.7
AA Large
2.7
Fail
3.4
AA Large
2.0
Fail
—
1.9
Fail
5.0
AA
6.4
AA
3.7
AA Large
1.9
Fail
—
White BG
1.3Fail
1.0Fail
1.8Fail
3.6AA Large
6.6AA
Black BG
15.8AAA
20.1AAA
11.6AAA
5.9AA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B9FB
FAFAFA
D5D542
A7A628
727016

Deuteranopia

B3ACFA
FAFAFA
D8DB4C
AEB62D
7B8716

Tritanopia

94F8F7
FAFAFA
E76168
D3383B
B01616

Achromatopsia

D4D4D4
FAFAFA
B7B7B7
7F7F7F
464646

Shades & Tints Shades & Tints

#8FEEFF

Dark
Light

#FAFAFA

Dark
Light

#E9BB1C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8feeff;
  --color-2: #fafafa;
  --color-3: #e9bb1c;
  --color-4: #d96614;
  --color-5: #b81616;
}

SCSS

$color-1: #8feeff;
$color-2: #fafafa;
$color-3: #e9bb1c;
$color-4: #d96614;
$color-5: #b81616;

TAILWIND

colors: {
  'brand-1': '#8feeff',
  'brand-2': '#fafafa',
  'brand-3': '#e9bb1c',
  'brand-4': '#d96614',
  'brand-5': '#b81616',
}

RGB Array

[143, 238, 255], [250, 250, 250], [233, 187, 28], [217, 102, 20], [184, 22, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #8FEEFF, #FAFAFA, #E9BB1C, #D96614, #B81616 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: #8feeff; --color-2: #fafafa; --color-3: #e9bb1c; --color-4: #d96614; --color-5: #b81616. 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 sunset-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