← Back to Editor

#6DDAE8 · #F1EBC6 · #ADA623 · #FA4B00 · #A6998A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#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

#F1EBC6

Fresh Green · Bisque · Lemon Cream

HEX
#F1EBC6
RGB
rgb(241, 235, 198)
HSL
hsl(52, 61%, 86%)
HSB
hsb(52, 18%, 95%)
CMYK
cmyk(0%, 2%, 18%, 5%)
Oklch
oklch(93.5% 0.049 99.7)

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

#ADA623

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#ADA623
RGB
rgb(173, 166, 35)
HSL
hsl(57, 66%, 41%)
HSB
hsb(57, 80%, 68%)
CMYK
cmyk(0%, 4%, 80%, 32%)
Oklch
oklch(70.9% 0.142 106.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FA4B00

Tangerine · OrangeRed · Amber Brown

HEX
#FA4B00
RGB
rgb(250, 75, 0)
HSL
hsl(18, 100%, 49%)
HSB
hsb(18, 100%, 98%)
CMYK
cmyk(0%, 70%, 100%, 2%)
Oklch
oklch(65.7% 0.220 36.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6DDAE8
E87C6D

Analogous

6DE8B9
6DDAE8
6D9DE8

Triadic

6DDAE8
E86DDA
DAE86D

Split-Comp.

6DDAE8
E86D9D
E8B96D

Tetradic

6DDAE8
B96DE8
E87C6D
9DE86D

Contrast Matrix WCAG 2.1 Contrast

6DDAE8
F1EBC6
ADA623
FA4B00
A6998A
—
1.4
Fail
1.6
Fail
2.1
Fail
1.7
Fail
1.4
Fail
—
2.1
Fail
2.9
Fail
2.3
Fail
1.6
Fail
2.1
Fail
—
1.4
Fail
1.1
Fail
2.1
Fail
2.9
Fail
1.4
Fail
—
1.2
Fail
1.7
Fail
2.3
Fail
1.1
Fail
1.2
Fail
—
White BG
1.6Fail
1.2Fail
2.5Fail
3.5AA Large
2.8Fail
Black BG
12.8AAA
17.4AAA
8.3AAA
6.1AA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9DE5
EEEECF
AAAA43
AEAD12
A0A08E

Deuteranopia

968EE4
EFEFD1
AAAB4A
B8C617
A1A28F

Tritanopia

72E2E1
F1D6D8
AD5C61
F12024
A59091

Achromatopsia

BBBBBB
E9E9E9
999999
777777
9B9B9B

Shades & Tints Shades & Tints

#6DDAE8

Dark
Light

#F1EBC6

Dark
Light

#ADA623

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ddae8;
  --color-2: #f1ebc6;
  --color-3: #ada623;
  --color-4: #fa4b00;
  --color-5: #a6998a;
}

SCSS

$color-1: #6ddae8;
$color-2: #f1ebc6;
$color-3: #ada623;
$color-4: #fa4b00;
$color-5: #a6998a;

TAILWIND

colors: {
  'brand-1': '#6ddae8',
  'brand-2': '#f1ebc6',
  'brand-3': '#ada623',
  'brand-4': '#fa4b00',
  'brand-5': '#a6998a',
}

RGB Array

[109, 218, 232], [241, 235, 198], [173, 166, 35], [250, 75, 0], [166, 153, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6DDAE8, #F1EBC6, #ADA623, #FA4B00, #A6998A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6ddae8; --color-2: #f1ebc6; --color-3: #ada623; --color-4: #fa4b00; --color-5: #a6998a. 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 general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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