← Back to Editor

#75A8EB · #6DD1B8 · #92EB8F · #D1EB8A · #E8DB89

A 5-color palette 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

#75A8EB

Azure · CornflowerBlue · Cobalt Blue

HEX
#75A8EB
RGB
rgb(117, 168, 235)
HSL
hsl(214, 75%, 69%)
HSB
hsb(214, 50%, 92%)
CMYK
cmyk(50%, 29%, 0%, 8%)
Oklch
oklch(72.3% 0.112 255.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#6DD1B8

Jade · MediumAquaMarine · Lake Green

HEX
#6DD1B8
RGB
rgb(109, 209, 184)
HSL
hsl(165, 52%, 62%)
HSB
hsb(165, 48%, 82%)
CMYK
cmyk(48%, 0%, 12%, 18%)
Oklch
oklch(79.3% 0.102 175.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#92EB8F

Emerald · LightGreen · Apple Green

HEX
#92EB8F
RGB
rgb(146, 235, 143)
HSL
hsl(118, 70%, 74%)
HSB
hsb(118, 39%, 92%)
CMYK
cmyk(38%, 0%, 39%, 8%)
Oklch
oklch(86.2% 0.151 143.4)

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

#D1EB8A

Willow Green · Khaki · Apple Green

HEX
#D1EB8A
RGB
rgb(209, 235, 138)
HSL
hsl(76, 71%, 73%)
HSB
hsb(76, 41%, 92%)
CMYK
cmyk(11%, 0%, 41%, 8%)
Oklch
oklch(90.0% 0.126 121.2)

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

#E8DB89

Fresh Green · Khaki · Sunflower

HEX
#E8DB89
RGB
rgb(232, 219, 137)
HSL
hsl(52, 67%, 72%)
HSB
hsb(52, 41%, 91%)
CMYK
cmyk(0%, 6%, 41%, 9%)
Oklch
oklch(88.4% 0.104 100.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75A8EB
EBB875

Analogous

75E3EB
75A8EB
7D75EB

Triadic

75A8EB
EB75A8
A8EB75

Split-Comp.

75A8EB
EB7D75
E3EB75

Tetradic

75A8EB
EB75E3
EBB875
75EB7D

Contrast Matrix WCAG 2.1 Contrast

75A8EB
6DD1B8
92EB8F
D1EB8A
E8DB89
—
1.3
Fail
1.7
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.3
Fail
1.7
Fail
1.3
Fail
—
1.1
Fail
1.0
Fail
1.9
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.7
Fail
1.3
Fail
1.0
Fail
1.1
Fail
—
White BG
2.5Fail
1.8Fail
1.4Fail
1.3Fail
1.4Fail
Black BG
8.6AAA
11.5AAA
14.5AAA
16.0AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8CDB
9899BE
B9B9A5
DCDCA1
E2E29D

Deuteranopia

8884D7
938BBF
B3ADAB
DBD9A7
E3E4A2

Tritanopia

78CECB
72C3C4
96B7BB
D2B4B8
E7ADB0

Achromatopsia

A0A0A0
B0B0B0
C6C6C6
D8D8D8
D6D6D6

Shades & Tints Shades & Tints

#75A8EB

Dark
Light

#6DD1B8

Dark
Light

#92EB8F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75a8eb;
  --color-2: #6dd1b8;
  --color-3: #92eb8f;
  --color-4: #d1eb8a;
  --color-5: #e8db89;
}

SCSS

$color-1: #75a8eb;
$color-2: #6dd1b8;
$color-3: #92eb8f;
$color-4: #d1eb8a;
$color-5: #e8db89;

TAILWIND

colors: {
  'brand-1': '#75a8eb',
  'brand-2': '#6dd1b8',
  'brand-3': '#92eb8f',
  'brand-4': '#d1eb8a',
  'brand-5': '#e8db89',
}

RGB Array

[117, 168, 235], [109, 209, 184], [146, 235, 143], [209, 235, 138], [232, 219, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75A8EB, #6DD1B8, #92EB8F, #D1EB8A, #E8DB89 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: #75a8eb; --color-2: #6dd1b8; --color-3: #92eb8f; --color-4: #d1eb8a; --color-5: #e8db89. 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 general-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