← Back to Editor

#40959C · #70AFA2 · #A0C8AB · #CFE2AD · #FFFBB3

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

#40959C

Slate Blue · SteelBlue · Mint Ice

HEX
#40959C
RGB
rgb(64, 149, 156)
HSL
hsl(185, 42%, 43%)
HSB
hsb(185, 59%, 61%)
CMYK
cmyk(59%, 4%, 0%, 39%)
Oklch
oklch(62.1% 0.082 202.7)

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

#70AFA2

Mineral Blue · CadetBlue · Lake Green

HEX
#70AFA2
RGB
rgb(112, 175, 162)
HSL
hsl(168, 28%, 56%)
HSB
hsb(168, 36%, 69%)
CMYK
cmyk(36%, 0%, 7%, 31%)
Oklch
oklch(70.7% 0.068 179.7)

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

#A0C8AB

Celadon · DarkGray · Apple Green

HEX
#A0C8AB
RGB
rgb(160, 200, 171)
HSL
hsl(137, 27%, 71%)
HSB
hsb(137, 20%, 78%)
CMYK
cmyk(20%, 0%, 15%, 22%)
Oklch
oklch(79.6% 0.059 153.4)

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

#CFE2AD

Willow Green · Wheat · Apple Green

HEX
#CFE2AD
RGB
rgb(207, 226, 173)
HSL
hsl(82, 48%, 78%)
HSB
hsb(82, 23%, 89%)
CMYK
cmyk(8%, 0%, 23%, 11%)
Oklch
oklch(88.5% 0.073 123.9)

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

#FFFBB3

Fresh Green · Bisque · Lemon Cream

HEX
#FFFBB3
RGB
rgb(255, 251, 179)
HSL
hsl(57, 100%, 85%)
HSB
hsb(57, 30%, 100%)
CMYK
cmyk(0%, 2%, 30%, 0%)
Oklch
oklch(97.5% 0.091 105.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

40959C
9C4740

Analogous

409C75
40959C
40669C

Triadic

40959C
9C4094
949C40

Split-Comp.

40959C
9C4066
9C7540

Tetradic

40959C
75409C
9C4740
669C40

Contrast Matrix WCAG 2.1 Contrast

40959C
70AFA2
A0C8AB
CFE2AD
FFFBB3
—
1.4
Fail
1.9
Fail
2.5
Fail
3.3
AA Large
1.4
Fail
—
1.4
Fail
1.8
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.5
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
3.3
AA Large
2.4
Fail
1.7
Fail
1.3
Fail
—
White BG
3.5AA Large
2.5Fail
1.9Fail
1.4Fail
1.1Fail
Black BG
6.0AA
8.3AAA
11.3AAA
15.1AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

65669A
8B8CA5
B1B2B2
D7D7BA
FDFDC4

Deuteranopia

605A9A
8883A6
AFACB4
D6D5BD
FEFEC9

Tritanopia

449999
73A8A8
A2B8B9
D0C4C6
FFD2D5

Achromatopsia

7C7C7C
9B9B9B
B9B9B9
D6D6D6
F4F4F4

Shades & Tints Shades & Tints

#40959C

Dark
Light

#70AFA2

Dark
Light

#A0C8AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #40959c;
  --color-2: #70afa2;
  --color-3: #a0c8ab;
  --color-4: #cfe2ad;
  --color-5: #fffbb3;
}

SCSS

$color-1: #40959c;
$color-2: #70afa2;
$color-3: #a0c8ab;
$color-4: #cfe2ad;
$color-5: #fffbb3;

TAILWIND

colors: {
  'brand-1': '#40959c',
  'brand-2': '#70afa2',
  'brand-3': '#a0c8ab',
  'brand-4': '#cfe2ad',
  'brand-5': '#fffbb3',
}

RGB Array

[64, 149, 156], [112, 175, 162], [160, 200, 171], [207, 226, 173], [255, 251, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #40959C, #70AFA2, #A0C8AB, #CFE2AD, #FFFBB3 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: #40959c; --color-2: #70afa2; --color-3: #a0c8ab; --color-4: #cfe2ad; --color-5: #fffbb3. 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