#A6998A + #F4F5E8 + #6DDAE8 + #BDAA9F + #C2DE45 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A6998A

Ginger · DarkGray · Warm Sun

HEX

#A6998A

RGB

rgb(166, 153, 138)

HSL

hsl(32, 14%, 60%)

HSB

hsb(32, 17%, 65%)

CMYK

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

Oklch

oklch(69.0% 0.026 71.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F4F5E8

Fresh Green · Linen · Lemon Cream

HEX

#F4F5E8

RGB

rgb(244, 245, 232)

HSL

hsl(65, 39%, 94%)

HSB

hsb(65, 5%, 96%)

CMYK

cmyk(0%, 0%, 5%, 4%)

Oklch

oklch(96.6% 0.017 110.3)

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

#6DDAE8

Sky Blue · SkyBlue · Lake Green

HEX

#6DDAE8

RGB

rgb(109, 218, 232)

HSL

hsl(187, 73%, 67%)

HSB

hsb(187, 53%, 91%)

CMYK

cmyk(53%, 6%, 0%, 9%)

Oklch

oklch(82.9% 0.102 206.5)

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

#BDAA9F

Apricot · DarkGray · Warm Sun

HEX

#BDAA9F

RGB

rgb(189, 170, 159)

HSL

hsl(22, 19%, 68%)

HSB

hsb(22, 16%, 74%)

CMYK

cmyk(0%, 10%, 16%, 26%)

Oklch

oklch(75.1% 0.027 52.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C2DE45

Grass Green · GreenYellow · Olive Green

HEX

#C2DE45

RGB

rgb(194, 222, 69)

HSL

hsl(71, 70%, 57%)

HSB

hsb(71, 69%, 87%)

CMYK

cmyk(13%, 0%, 69%, 13%)

Oklch

oklch(85.2% 0.175 119.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6998A

8B98A7

Analogous

A78C8B

A6998A

A6A78B

Triadic

A6998A

8BA79A

9A8BA7

Split-Comp.

A6998A

8BA6A7

8C8BA7

Tetradic

A6998A

8BA78C

8B98A7

A78BA6

Contrast Matrix WCAG 2.1 Contrast

A6998A	F4F5E8	6DDAE8	BDAA9F	C2DE45
—	2.5 Fail	1.7 Fail	1.2 Fail	1.8 Fail
2.5 Fail	—	1.5 Fail	2.0 Fail	1.4 Fail
1.7 Fail	1.5 Fail	—	1.4 Fail	1.1 Fail
1.2 Fail	2.0 Fail	1.4 Fail	—	1.5 Fail
1.8 Fail	1.4 Fail	1.1 Fail	1.5 Fail	—

White BG

2.8Fail

1.1Fail

1.6Fail

2.2Fail

1.5Fail

Black BG

7.5AAA

19.1AAA

12.8AAA

9.4AAA

13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A08E

F4F4EB

9C9DE5

B5B5A2

CECE6A

Deuteranopia

A1A28F

F4F4EC

968EE4

B6B7A2

CDCA73

Tritanopia

A59091

F4EEEE

72E2E1

BCA4A4

C3878E

Achromatopsia

9B9B9B

F3F3F3

BBBBBB

AEAEAE

C4C4C4

Shades & Tints Shades & Tints

#A6998A

Dark

Light

#F4F5E8

Dark

Light

#6DDAE8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6998a;
  --color-2: #f4f5e8;
  --color-3: #6ddae8;
  --color-4: #bdaa9f;
  --color-5: #c2de45;
}

SCSS

$color-1: #a6998a;
$color-2: #f4f5e8;
$color-3: #6ddae8;
$color-4: #bdaa9f;
$color-5: #c2de45;

TAILWIND

colors: {
  'brand-1': '#a6998a',
  'brand-2': '#f4f5e8',
  'brand-3': '#6ddae8',
  'brand-4': '#bdaa9f',
  'brand-5': '#c2de45',
}

RGB Array

[166, 153, 138], [244, 245, 232], [109, 218, 232], [189, 170, 159], [194, 222, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6998A, #F4F5E8, #6DDAE8, #BDAA9F, #C2DE45 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: #a6998a; --color-2: #f4f5e8; --color-3: #6ddae8; --color-4: #bdaa9f; --color-5: #c2de45. 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