← Back to Editor

#6E9695 · #C4CFC1 · #F1E1D1 · #473737 · #E6B8A9

spring

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

#6E9695

Mineral Blue · LightSlateGray · Lake Green

HEX
#6E9695
RGB
rgb(110, 150, 149)
HSL
hsl(179, 16%, 51%)
HSB
hsb(179, 27%, 59%)
CMYK
cmyk(27%, 0%, 1%, 41%)
Oklch
oklch(64.3% 0.044 194.2)

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

#C4CFC1

Celadon · Silver · Apple Green

HEX
#C4CFC1
RGB
rgb(196, 207, 193)
HSL
hsl(107, 13%, 78%)
HSB
hsb(107, 7%, 81%)
CMYK
cmyk(5%, 0%, 7%, 19%)
Oklch
oklch(84.2% 0.023 139.0)

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

#F1E1D1

Goose Yellow · Bisque · Peach Orange

HEX
#F1E1D1
RGB
rgb(241, 225, 209)
HSL
hsl(30, 53%, 88%)
HSB
hsb(30, 13%, 95%)
CMYK
cmyk(0%, 7%, 13%, 5%)
Oklch
oklch(91.8% 0.028 67.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#473737

Crimson · DarkSlateGray · Wine Red

HEX
#473737
RGB
rgb(71, 55, 55)
HSL
hsl(0, 13%, 25%)
HSB
hsb(0, 23%, 28%)
CMYK
cmyk(0%, 23%, 23%, 72%)
Oklch
oklch(35.4% 0.023 18.3)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#E6B8A9

Apricot · LightPink · Peach Orange

HEX
#E6B8A9
RGB
rgb(230, 184, 169)
HSL
hsl(15, 55%, 78%)
HSB
hsb(15, 27%, 90%)
CMYK
cmyk(0%, 20%, 27%, 10%)
Oklch
oklch(82.0% 0.057 38.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E9695
966E6F

Analogous

6E9681
6E9695
6E8396

Triadic

6E9695
956E96
96956E

Split-Comp.

6E9695
966E83
96816E

Tetradic

6E9695
816E96
966E6F
83966E

Contrast Matrix WCAG 2.1 Contrast

6E9695
C4CFC1
F1E1D1
473737
E6B8A9
—
2.0
Fail
2.5
Fail
3.5
AA Large
1.8
Fail
2.0
Fail
—
1.3
Fail
7.0
AA
1.1
Fail
2.5
Fail
1.3
Fail
—
8.8
AAA
1.4
Fail
3.5
AA Large
7.0
AA
8.8
AAA
—
6.3
AA
1.8
Fail
1.1
Fail
1.4
Fail
6.3
AA
—
White BG
3.3AA Large
1.6Fail
1.3Fail
11.2AAA
1.8Fail
Black BG
6.5AA
13.0AAA
16.4AAA
1.9Fail
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F8095
C9C9C4
EAEAD5
404037
D2D2AD

Deuteranopia

7D7A95
C8C7C5
EBECD6
414237
D5D8AE

Tritanopia

709595
C5C7C8
F0D8D9
463737
E4AFB0

Achromatopsia

8A8A8A
CACACA
E4E4E4
3C3C3C
C4C4C4

Shades & Tints Shades & Tints

#6E9695

Dark
Light

#C4CFC1

Dark
Light

#F1E1D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e9695;
  --color-2: #c4cfc1;
  --color-3: #f1e1d1;
  --color-4: #473737;
  --color-5: #e6b8a9;
}

SCSS

$color-1: #6e9695;
$color-2: #c4cfc1;
$color-3: #f1e1d1;
$color-4: #473737;
$color-5: #e6b8a9;

TAILWIND

colors: {
  'brand-1': '#6e9695',
  'brand-2': '#c4cfc1',
  'brand-3': '#f1e1d1',
  'brand-4': '#473737',
  'brand-5': '#e6b8a9',
}

RGB Array

[110, 150, 149], [196, 207, 193], [241, 225, 209], [71, 55, 55], [230, 184, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #6E9695, #C4CFC1, #F1E1D1, #473737, #E6B8A9 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: #6e9695; --color-2: #c4cfc1; --color-3: #f1e1d1; --color-4: #473737; --color-5: #e6b8a9. 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 spring-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