← Back to Editor

#EBBFA5 · #ADBEA7 · #64AEA2 · #489E96 · #228A87

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

#EBBFA5

Apricot · BurlyWood · Peach Orange

HEX
#EBBFA5
RGB
rgb(235, 191, 165)
HSL
hsl(22, 64%, 78%)
HSB
hsb(22, 30%, 92%)
CMYK
cmyk(0%, 19%, 30%, 8%)
Oklch
oklch(83.7% 0.062 52.2)

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

#ADBEA7

Celadon · DarkGray · Apple Green

HEX
#ADBEA7
RGB
rgb(173, 190, 167)
HSL
hsl(104, 15%, 70%)
HSB
hsb(104, 12%, 75%)
CMYK
cmyk(9%, 0%, 12%, 25%)
Oklch
oklch(78.2% 0.037 137.5)

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

#64AEA2

Mineral Blue · CadetBlue · Lake Green

HEX
#64AEA2
RGB
rgb(100, 174, 162)
HSL
hsl(170, 31%, 54%)
HSB
hsb(170, 43%, 68%)
CMYK
cmyk(43%, 0%, 7%, 32%)
Oklch
oklch(69.9% 0.077 182.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#489E96

Mineral Blue · CadetBlue · Mint Ice

HEX
#489E96
RGB
rgb(72, 158, 150)
HSL
hsl(174, 37%, 45%)
HSB
hsb(174, 54%, 62%)
CMYK
cmyk(54%, 0%, 5%, 38%)
Oklch
oklch(64.4% 0.084 187.1)

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

#228A87

Mineral Blue · Teal · Mint Ice

HEX
#228A87
RGB
rgb(34, 138, 135)
HSL
hsl(178, 60%, 34%)
HSB
hsb(178, 75%, 54%)
CMYK
cmyk(75%, 0%, 2%, 46%)
Oklch
oklch(57.7% 0.090 192.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBBFA5
A3D0EB

Analogous

EBA3AD
EBBFA5
EBE1A3

Triadic

EBBFA5
A3EBBD
BDA3EB

Split-Comp.

EBBFA5
A3EBE1
A3ADEB

Tetradic

EBBFA5
ADEBA3
A3D0EB
E1A3EB

Contrast Matrix WCAG 2.1 Contrast

EBBFA5
ADBEA7
64AEA2
489E96
228A87
—
1.2
Fail
1.5
Fail
1.9
Fail
2.5
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
2.1
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
2.5
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
White BG
1.7Fail
2.0Fail
2.6Fail
3.2AA Large
4.2AA Large
Black BG
12.5AAA
10.7AAA
8.1AAA
6.6AA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8AB
B4B5AD
8485A5
6D6E98
4F5088

Deuteranopia

DBDEAD
B3B2AE
807AA6
686298
494188

Tritanopia

E9B0B1
AEB1B2
68A7A8
4C999A
278888

Achromatopsia

C9C9C9
B6B6B6
979797
838383
6B6B6B

Shades & Tints Shades & Tints

#EBBFA5

Dark
Light

#ADBEA7

Dark
Light

#64AEA2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebbfa5;
  --color-2: #adbea7;
  --color-3: #64aea2;
  --color-4: #489e96;
  --color-5: #228a87;
}

SCSS

$color-1: #ebbfa5;
$color-2: #adbea7;
$color-3: #64aea2;
$color-4: #489e96;
$color-5: #228a87;

TAILWIND

colors: {
  'brand-1': '#ebbfa5',
  'brand-2': '#adbea7',
  'brand-3': '#64aea2',
  'brand-4': '#489e96',
  'brand-5': '#228a87',
}

RGB Array

[235, 191, 165], [173, 190, 167], [100, 174, 162], [72, 158, 150], [34, 138, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBBFA5, #ADBEA7, #64AEA2, #489E96, #228A87 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: #ebbfa5; --color-2: #adbea7; --color-3: #64aea2; --color-4: #489e96; --color-5: #228a87. 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 general-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