← Back to Editor

#7AC5B5 · #A9D8CE · #EEDAE0 · #BE8391 · #D1143E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#7AC5B5

Jade · MediumAquaMarine · Lake Green

HEX
#7AC5B5
RGB
rgb(122, 197, 181)
HSL
hsl(167, 39%, 63%)
HSB
hsb(167, 38%, 77%)
CMYK
cmyk(38%, 0%, 8%, 23%)
Oklch
oklch(77.0% 0.079 179.0)

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

#A9D8CE

Jade · LightBlue · Lake Green

HEX
#A9D8CE
RGB
rgb(169, 216, 206)
HSL
hsl(167, 38%, 75%)
HSB
hsb(167, 22%, 85%)
CMYK
cmyk(22%, 0%, 5%, 15%)
Oklch
oklch(84.6% 0.051 180.6)

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

#EEDAE0

Rouge · Linen · Cherry Blossom

HEX
#EEDAE0
RGB
rgb(238, 218, 224)
HSL
hsl(342, 37%, 89%)
HSB
hsb(342, 8%, 93%)
CMYK
cmyk(0%, 8%, 6%, 7%)
Oklch
oklch(90.6% 0.023 357.4)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#BE8391

Peach Pink · DarkGray · Coral Red

HEX
#BE8391
RGB
rgb(190, 131, 145)
HSL
hsl(346, 31%, 63%)
HSB
hsb(346, 31%, 75%)
CMYK
cmyk(0%, 31%, 24%, 25%)
Oklch
oklch(67.3% 0.075 3.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D1143E

Vermilion · Crimson · Passion Red

HEX
#D1143E
RGB
rgb(209, 20, 62)
HSL
hsl(347, 83%, 45%)
HSB
hsb(347, 90%, 82%)
CMYK
cmyk(0%, 90%, 70%, 18%)
Oklch
oklch(55.1% 0.213 18.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7AC5B5
C57C8C

Analogous

7CC591
7AC5B5
7CB1C5

Triadic

7AC5B5
B67CC5
C5B67C

Split-Comp.

7AC5B5
C57CB1
C5917C

Tetradic

7AC5B5
917CC5
C57C8C
B1C57C

Contrast Matrix WCAG 2.1 Contrast

7AC5B5
A9D8CE
EEDAE0
BE8391
D1143E
—
1.3
Fail
1.5
Fail
1.5
Fail
2.7
Fail
1.3
Fail
—
1.2
Fail
2.0
Fail
3.5
AA Large
1.5
Fail
1.2
Fail
—
2.3
Fail
4.1
AA Large
1.5
Fail
2.0
Fail
2.3
Fail
—
1.8
Fail
2.7
Fail
3.5
AA Large
4.1
AA Large
1.8
Fail
—
White BG
2.0Fail
1.6Fail
1.3Fail
3.1AA Large
5.4AA
Black BG
10.5AAA
13.4AAA
15.7AAA
6.8AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9BB9
BDBED0
E5E5DF
A4A48E
7F7D34

Deuteranopia

9691BA
BBB7D1
E7E8DE
A8AC8D
8A9831

Tritanopia

7EBCBD
ABD2D3
EDDDDD
BB8B8A
C82C2A

Achromatopsia

ADADAD
C9C9C9
E1E1E1
969696
515151

Shades & Tints Shades & Tints

#7AC5B5

Dark
Light

#A9D8CE

Dark
Light

#EEDAE0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7ac5b5;
  --color-2: #a9d8ce;
  --color-3: #eedae0;
  --color-4: #be8391;
  --color-5: #d1143e;
}

SCSS

$color-1: #7ac5b5;
$color-2: #a9d8ce;
$color-3: #eedae0;
$color-4: #be8391;
$color-5: #d1143e;

TAILWIND

colors: {
  'brand-1': '#7ac5b5',
  'brand-2': '#a9d8ce',
  'brand-3': '#eedae0',
  'brand-4': '#be8391',
  'brand-5': '#d1143e',
}

RGB Array

[122, 197, 181], [169, 216, 206], [238, 218, 224], [190, 131, 145], [209, 20, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7AC5B5, #A9D8CE, #EEDAE0, #BE8391, #D1143E is ideal for: health products, baby brands, fresh-style blogs, 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: #7ac5b5; --color-2: #a9d8ce; --color-3: #eedae0; --color-4: #be8391; --color-5: #d1143e. 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. 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