#6152A0 + #C4C0E6 + #95D5E7 + #A9D4CE + #77BFC9 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#6152A0

Deep Indigo · DarkSlateBlue · Navy Blue

HEX

#6152A0

RGB

rgb(97, 82, 160)

HSL

hsl(252, 32%, 47%)

HSB

hsb(252, 49%, 63%)

CMYK

cmyk(39%, 49%, 0%, 37%)

Oklch

oklch(49.1% 0.122 290.0)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#C4C0E6

Wisteria · LightSteelBlue · Sky Blue

HEX

#C4C0E6

RGB

rgb(196, 192, 230)

HSL

hsl(246, 43%, 83%)

HSB

hsb(246, 17%, 90%)

CMYK

cmyk(15%, 17%, 0%, 10%)

Oklch

oklch(82.3% 0.053 290.0)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#95D5E7

Sky Blue · SkyBlue · Lake Green

HEX

#95D5E7

RGB

rgb(149, 213, 231)

HSL

hsl(193, 63%, 75%)

HSB

hsb(193, 35%, 91%)

CMYK

cmyk(35%, 8%, 0%, 9%)

Oklch

oklch(83.6% 0.069 217.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A9D4CE

Jade · LightSteelBlue · Lake Green

HEX

#A9D4CE

RGB

rgb(169, 212, 206)

HSL

hsl(172, 33%, 75%)

HSB

hsb(172, 20%, 83%)

CMYK

cmyk(20%, 0%, 3%, 17%)

Oklch

oklch(83.8% 0.046 185.9)

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

#77BFC9

Sky Blue · MediumAquaMarine · Lake Green

HEX

#77BFC9

RGB

rgb(119, 191, 201)

HSL

hsl(187, 43%, 63%)

HSB

hsb(187, 41%, 79%)

CMYK

cmyk(41%, 5%, 0%, 21%)

Oklch

oklch(76.1% 0.073 207.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6152A0

8F9E51

Analogous

51699E

6152A0

87519E

Triadic

6152A0

9E6151

519E61

Split-Comp.

6152A0

9E8751

699E51

Tetradic

6152A0

9E5169

8F9E51

519E87

Contrast Matrix WCAG 2.1 Contrast

6152A0	C4C0E6	95D5E7	A9D4CE	77BFC9
—	3.7 AA Large	4.0 AA Large	4.0 AA Large	3.1 AA Large
3.7 AA Large	—	1.1 Fail	1.1 Fail	1.2 Fail
4.0 AA Large	1.1 Fail	—	1.0 Fail	1.3 Fail
4.0 AA Large	1.1 Fail	1.0 Fail	—	1.3 Fail
3.1 AA Large	1.2 Fail	1.3 Fail	1.3 Fail	—

White BG

6.5AA

1.7Fail

1.6Fail

2.1Fail

Black BG

3.2AA Large

12.0AAA

12.9AAA

13.0AAA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5A8D

C2C2DD

B1B1E3

BCBCCF

9697C7

Deuteranopia

5B5C89

C3C3DB

ADA8E2

B9B6D0

928DC6

Tritanopia

607E7B

C4D6D4

98DFDE

ABD1D1

7BC5C4

Achromatopsia

5F5F5F

C6C6C6

C4C4C4

C6C6C6

ABABAB

Shades & Tints Shades & Tints

#6152A0

Dark

Light

#C4C0E6

Dark

Light

#95D5E7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6152a0;
  --color-2: #c4c0e6;
  --color-3: #95d5e7;
  --color-4: #a9d4ce;
  --color-5: #77bfc9;
}

SCSS

$color-1: #6152a0;
$color-2: #c4c0e6;
$color-3: #95d5e7;
$color-4: #a9d4ce;
$color-5: #77bfc9;

TAILWIND

colors: {
  'brand-1': '#6152a0',
  'brand-2': '#c4c0e6',
  'brand-3': '#95d5e7',
  'brand-4': '#a9d4ce',
  'brand-5': '#77bfc9',
}

RGB Array

[97, 82, 160], [196, 192, 230], [149, 213, 231], [169, 212, 206], [119, 191, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #6152A0, #C4C0E6, #95D5E7, #A9D4CE, #77BFC9 is ideal for: health products, baby brands, fresh-style blogs. 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: #6152a0; --color-2: #c4c0e6; --color-3: #95d5e7; --color-4: #a9d4ce; --color-5: #77bfc9. 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 earth-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