← Back to Editor

#69BF8A · #AEBF69 · #BFB600 · #FA6137 · #FF053F

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#69BF8A

Celadon · MediumAquaMarine · Olive Green

HEX
#69BF8A
RGB
rgb(105, 191, 138)
HSL
hsl(143, 40%, 58%)
HSB
hsb(143, 45%, 75%)
CMYK
cmyk(45%, 0%, 28%, 25%)
Oklch
oklch(73.6% 0.115 155.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#AEBF69

Grass Green · DarkSeaGreen · Olive Green

HEX
#AEBF69
RGB
rgb(174, 191, 105)
HSL
hsl(72, 40%, 58%)
HSB
hsb(72, 45%, 75%)
CMYK
cmyk(9%, 0%, 45%, 25%)
Oklch
oklch(77.2% 0.113 118.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#BFB600

Autumn Sage · GoldenRod · Honey Gold

HEX
#BFB600
RGB
rgb(191, 182, 0)
HSL
hsl(57, 100%, 37%)
HSB
hsb(57, 100%, 75%)
CMYK
cmyk(0%, 5%, 100%, 25%)
Oklch
oklch(75.9% 0.162 106.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FA6137

Vermilion · Tomato · Passion Red

HEX
#FA6137
RGB
rgb(250, 97, 55)
HSL
hsl(13, 95%, 60%)
HSB
hsb(13, 78%, 98%)
CMYK
cmyk(0%, 61%, 78%, 2%)
Oklch
oklch(68.4% 0.196 36.0)

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

#FF053F

Vermilion · Crimson · Passion Red

HEX
#FF053F
RGB
rgb(255, 5, 63)
HSL
hsl(346, 100%, 51%)
HSB
hsb(346, 98%, 100%)
CMYK
cmyk(0%, 98%, 75%, 0%)
Oklch
oklch(63.3% 0.253 21.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

69BF8A
BF699E

Analogous

73BF69
69BF8A
69BFB5

Triadic

69BF8A
8A69BF
BF8A69

Split-Comp.

69BF8A
B569BF
BF6973

Tetradic

69BF8A
6973BF
BF699E
BFB569

Contrast Matrix WCAG 2.1 Contrast

69BF8A
AEBF69
BFB600
FA6137
FF053F
—
1.1
Fail
1.1
Fail
1.4
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
2.0
Fail
1.1
Fail
1.1
Fail
—
1.5
Fail
1.9
Fail
1.4
Fail
1.5
Fail
1.5
Fail
—
1.3
Fail
1.8
Fail
2.0
Fail
1.9
Fail
1.3
Fail
—
White BG
2.2Fail
2.0Fail
2.1Fail
3.1AA Large
3.9AA Large
Black BG
9.4AAA
10.5AAA
9.9AAA
6.8AA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8F97
B5B67E
BBBB2C
B8B641
939131

Deuteranopia

89839A
B4B383
BCBC37
C1CC44
A1B42E

Tritanopia

6DA1A3
AF8E92
BF4F56
F2494B
F32623

Achromatopsia

9F9F9F
B0B0B0
A4A4A4
8A8A8A
565656

Shades & Tints Shades & Tints

#69BF8A

Dark
Light

#AEBF69

Dark
Light

#BFB600

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #69bf8a;
  --color-2: #aebf69;
  --color-3: #bfb600;
  --color-4: #fa6137;
  --color-5: #ff053f;
}

SCSS

$color-1: #69bf8a;
$color-2: #aebf69;
$color-3: #bfb600;
$color-4: #fa6137;
$color-5: #ff053f;

TAILWIND

colors: {
  'brand-1': '#69bf8a',
  'brand-2': '#aebf69',
  'brand-3': '#bfb600',
  'brand-4': '#fa6137',
  'brand-5': '#ff053f',
}

RGB Array

[105, 191, 138], [174, 191, 105], [191, 182, 0], [250, 97, 55], [255, 5, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #69BF8A, #AEBF69, #BFB600, #FA6137, #FF053F is ideal for: social media posters, mobile apps, e-commerce promos. 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: #69bf8a; --color-2: #aebf69; --color-3: #bfb600; --color-4: #fa6137; --color-5: #ff053f. 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. 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