#A69E95 + #B3A995 + #A9BFBF + #9FD0E3 + #A7E1F5 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A69E95

Ginger · DarkGray · Silver Sand

HEX

#A69E95

RGB

rgb(166, 158, 149)

HSL

hsl(32, 9%, 62%)

HSB

hsb(32, 10%, 65%)

CMYK

cmyk(0%, 5%, 10%, 35%)

Oklch

oklch(70.3% 0.016 70.8)

Traditional「Ginger」· Paint「Silver Sand」· Creative Urban Concrete

#B3A995

Ginger · DarkGray · Sunflower

HEX

#B3A995

RGB

rgb(179, 169, 149)

HSL

hsl(40, 16%, 64%)

HSB

hsb(40, 17%, 70%)

CMYK

cmyk(0%, 6%, 17%, 30%)

Oklch

oklch(73.8% 0.030 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A9BFBF

Sky Blue · Silver · Lake Green

HEX

#A9BFBF

RGB

rgb(169, 191, 191)

HSL

hsl(180, 15%, 71%)

HSB

hsb(180, 12%, 75%)

CMYK

cmyk(12%, 0%, 0%, 25%)

Oklch

oklch(78.8% 0.024 196.7)

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

#9FD0E3

Sky Blue · LightBlue · Glacier Blue

HEX

#9FD0E3

RGB

rgb(159, 208, 227)

HSL

hsl(197, 55%, 76%)

HSB

hsb(197, 30%, 89%)

CMYK

cmyk(30%, 8%, 0%, 11%)

Oklch

oklch(83.0% 0.058 223.7)

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

#A7E1F5

Sky Blue · LightBlue · Glacier Blue

HEX

#A7E1F5

RGB

rgb(167, 225, 245)

HSL

hsl(195, 80%, 81%)

HSB

hsb(195, 32%, 96%)

CMYK

cmyk(32%, 8%, 0%, 4%)

Oklch

oklch(87.7% 0.065 221.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A69E95

959EA7

Analogous

A79695

A69E95

A6A795

Triadic

A69E95

95A79F

9F95A7

Split-Comp.

A69E95

95A6A7

9695A7

Tetradic

A69E95

95A796

959EA7

A795A6

Contrast Matrix WCAG 2.1 Contrast

A69E95	B3A995	A9BFBF	9FD0E3	A7E1F5
—	1.1 Fail	1.4 Fail	1.6 Fail	1.9 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.9 Fail	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

2.6Fail

2.3Fail

1.9Fail

1.7Fail

1.4Fail

Black BG

7.9AAA

9.0AAA

10.9AAA

12.6AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A297

AFAF9A

B3B3BF

B4B5DE

C0C1F0

Deuteranopia

A3A498

AFB09B

B1B0BF

B1AEDD

BDB8EF

Tritanopia

A69999

B29E9F

AABFBF

A1DBDA

AAECEC

Achromatopsia

9F9F9F

AAAAAA

B8B8B8

C4C4C4

D2D2D2

Shades & Tints Shades & Tints

#A69E95

Dark

Light

#B3A995

Dark

Light

#A9BFBF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a69e95;
  --color-2: #b3a995;
  --color-3: #a9bfbf;
  --color-4: #9fd0e3;
  --color-5: #a7e1f5;
}

SCSS

$color-1: #a69e95;
$color-2: #b3a995;
$color-3: #a9bfbf;
$color-4: #9fd0e3;
$color-5: #a7e1f5;

TAILWIND

colors: {
  'brand-1': '#a69e95',
  'brand-2': '#b3a995',
  'brand-3': '#a9bfbf',
  'brand-4': '#9fd0e3',
  'brand-5': '#a7e1f5',
}

RGB Array

[166, 158, 149], [179, 169, 149], [169, 191, 191], [159, 208, 227], [167, 225, 245]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #A69E95, #B3A995, #A9BFBF, #9FD0E3, #A7E1F5 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: #a69e95; --color-2: #b3a995; --color-3: #a9bfbf; --color-4: #9fd0e3; --color-5: #a7e1f5. 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