← Back to Editor

#F1EA9B · #93D977 · #208060 · #314954 · #210D33

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F1EA9B

Fresh Green · Khaki · Lemon Cream

HEX
#F1EA9B
RGB
rgb(241, 234, 155)
HSL
hsl(55, 75%, 78%)
HSB
hsb(55, 36%, 95%)
CMYK
cmyk(0%, 3%, 36%, 5%)
Oklch
oklch(92.5% 0.100 103.8)

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

#93D977

Emerald · LightGreen · Apple Green

HEX
#93D977
RGB
rgb(147, 217, 119)
HSL
hsl(103, 56%, 66%)
HSB
hsb(103, 45%, 85%)
CMYK
cmyk(32%, 0%, 45%, 15%)
Oklch
oklch(81.6% 0.148 137.3)

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

#208060

Mineral Blue · SeaGreen · Mint Ice

HEX
#208060
RGB
rgb(32, 128, 96)
HSL
hsl(160, 60%, 31%)
HSB
hsb(160, 75%, 50%)
CMYK
cmyk(75%, 0%, 25%, 50%)
Oklch
oklch(53.7% 0.101 165.9)

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

#314954

Slate Blue · DarkSlateGray · Mint Ice

HEX
#314954
RGB
rgb(49, 73, 84)
HSL
hsl(199, 26%, 26%)
HSB
hsb(199, 42%, 33%)
CMYK
cmyk(42%, 13%, 0%, 67%)
Oklch
oklch(39.0% 0.035 228.2)

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

#210D33

Royal Purple · Black · Dark Purple

HEX
#210D33
RGB
rgb(33, 13, 51)
HSL
hsl(272, 59%, 13%)
HSB
hsb(272, 75%, 20%)
CMYK
cmyk(35%, 75%, 0%, 80%)
Oklch
oklch(21.3% 0.073 305.2)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1EA9B
9DA4F1

Analogous

F1C09D
F1EA9B
CEF19D

Triadic

F1EA9B
9DF1EA
EA9DF1

Split-Comp.

F1EA9B
9DCEF1
C09DF1

Tetradic

F1EA9B
9DF1C0
9DA4F1
F19DCE

Contrast Matrix WCAG 2.1 Contrast

F1EA9B
93D977
208060
314954
210D33
—
1.4
Fail
3.9
AA Large
7.7
AAA
14.5
AAA
1.4
Fail
—
2.9
Fail
5.6
AA
10.6
AAA
3.9
AA Large
2.9
Fail
—
2.0
Fail
3.7
AA Large
7.7
AAA
5.6
AA
2.0
Fail
—
1.9
Fail
14.5
AAA
10.6
AAA
3.7
AA Large
1.9
Fail
—
White BG
1.2Fail
1.7Fail
4.9AA
9.5AAA
17.9AAA
Black BG
17.0AAA
12.4AAA
4.3AA Large
2.2Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEAE
B1B28F
4A4A68
3B3C51
18182A

Deuteranopia

EEEFB3
ADA894
443D6A
3A3851
1A1B28

Tritanopia

F1BDC1
97A1A6
256E6F
324F4F
202321

Achromatopsia

E3E3E3
B9B9B9
606060
434343
171717

Shades & Tints Shades & Tints

#F1EA9B

Dark
Light

#93D977

Dark
Light

#208060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1ea9b;
  --color-2: #93d977;
  --color-3: #208060;
  --color-4: #314954;
  --color-5: #210d33;
}

SCSS

$color-1: #f1ea9b;
$color-2: #93d977;
$color-3: #208060;
$color-4: #314954;
$color-5: #210d33;

TAILWIND

colors: {
  'brand-1': '#f1ea9b',
  'brand-2': '#93d977',
  'brand-3': '#208060',
  'brand-4': '#314954',
  'brand-5': '#210d33',
}

RGB Array

[241, 234, 155], [147, 217, 119], [32, 128, 96], [49, 73, 84], [33, 13, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1EA9B, #93D977, #208060, #314954, #210D33 is ideal for: 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: #f1ea9b; --color-2: #93d977; --color-3: #208060; --color-4: #314954; --color-5: #210d33. 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 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