#6AB4B5 + #6F7D88 + #95CDC4 + #B0E3D2 + #E0DBBD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#6AB4B5

Slate Blue · MediumAquaMarine · Lake Green

HEX

#6AB4B5

RGB

rgb(106, 180, 181)

HSL

hsl(181, 34%, 56%)

HSB

hsb(181, 41%, 71%)

CMYK

cmyk(41%, 1%, 0%, 29%)

Oklch

oklch(72.2% 0.074 196.8)

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

#6F7D88

Slate Blue · SlateGray · Navy Blue

HEX

#6F7D88

RGB

rgb(111, 125, 136)

HSL

hsl(206, 10%, 48%)

HSB

hsb(206, 18%, 53%)

CMYK

cmyk(18%, 8%, 0%, 47%)

Oklch

oklch(58.2% 0.024 241.6)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#95CDC4

Jade · LightSteelBlue · Lake Green

HEX

#95CDC4

RGB

rgb(149, 205, 196)

HSL

hsl(170, 36%, 69%)

HSB

hsb(170, 27%, 80%)

CMYK

cmyk(27%, 0%, 4%, 20%)

Oklch

oklch(80.7% 0.059 183.8)

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

#B0E3D2

Jade · LightBlue · Glacier Blue

HEX

#B0E3D2

RGB

rgb(176, 227, 210)

HSL

hsl(160, 48%, 79%)

HSB

hsb(160, 22%, 89%)

CMYK

cmyk(22%, 0%, 7%, 11%)

Oklch

oklch(87.6% 0.058 172.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#E0DBBD

Fresh Green · Wheat · Lemon Cream

HEX

#E0DBBD

RGB

rgb(224, 219, 189)

HSL

hsl(51, 36%, 81%)

HSB

hsb(51, 16%, 88%)

CMYK

cmyk(0%, 2%, 16%, 12%)

Oklch

oklch(88.8% 0.040 99.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6AB4B5

B56A69

Analogous

69B590

6AB4B5

698EB5

Triadic

6AB4B5

B569B4

B4B569

Split-Comp.

6AB4B5

B5698E

B59069

Tetradic

6AB4B5

9069B5

B56A69

8EB569

Contrast Matrix WCAG 2.1 Contrast

6AB4B5	6F7D88	95CDC4	B0E3D2	E0DBBD
—	1.8 Fail	1.3 Fail	1.7 Fail	1.7 Fail
1.8 Fail	—	2.4 Fail	3.0 Fail	3.0 AA Large
1.3 Fail	2.4 Fail	—	1.3 Fail	1.3 Fail
1.7 Fail	3.0 Fail	1.3 Fail	—	1.0 Fail
1.7 Fail	3.0 AA Large	1.3 Fail	1.0 Fail	—

White BG

2.4Fail

4.2AA Large

1.8Fail

1.4Fail

Black BG

8.8AAA

5.0AA

11.8AAA

14.8AAA

15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8BB5

757585

ADAEC6

C6C7D6

DEDEC4

Deuteranopia

8680B5

747385

AAA6C7

C3BFD7

DEDFC6

Tritanopia

6EB5B5

708383

98C8C8

B3D9DA

E0CACB

Achromatopsia

9E9E9E

7A7A7A

BBBBBB

D2D2D2

D9D9D9

Shades & Tints Shades & Tints

#6AB4B5

Dark

Light

#6F7D88

Dark

Light

#95CDC4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ab4b5;
  --color-2: #6f7d88;
  --color-3: #95cdc4;
  --color-4: #b0e3d2;
  --color-5: #e0dbbd;
}

SCSS

$color-1: #6ab4b5;
$color-2: #6f7d88;
$color-3: #95cdc4;
$color-4: #b0e3d2;
$color-5: #e0dbbd;

TAILWIND

colors: {
  'brand-1': '#6ab4b5',
  'brand-2': '#6f7d88',
  'brand-3': '#95cdc4',
  'brand-4': '#b0e3d2',
  'brand-5': '#e0dbbd',
}

RGB Array

[106, 180, 181], [111, 125, 136], [149, 205, 196], [176, 227, 210], [224, 219, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6AB4B5, #6F7D88, #95CDC4, #B0E3D2, #E0DBBD 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: #6ab4b5; --color-2: #6f7d88; --color-3: #95cdc4; --color-4: #b0e3d2; --color-5: #e0dbbd. 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 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