← Back to Editor

#D6EBC5 · #F38300 · #FB9C1E · #101903 · #B1C594

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#D6EBC5

Celadon · LightGray · Mint Green

HEX
#D6EBC5
RGB
rgb(214, 235, 197)
HSL
hsl(93, 49%, 85%)
HSB
hsb(93, 16%, 92%)
CMYK
cmyk(9%, 0%, 16%, 8%)
Oklch
oklch(91.5% 0.055 131.1)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#F38300

Ochre · Orange · Amber Brown

HEX
#F38300
RGB
rgb(243, 131, 0)
HSL
hsl(32, 100%, 48%)
HSB
hsb(32, 100%, 95%)
CMYK
cmyk(0%, 46%, 100%, 5%)
Oklch
oklch(72.0% 0.174 57.3)

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

#FB9C1E

Ginger · Orange · Warm Sun

HEX
#FB9C1E
RGB
rgb(251, 156, 30)
HSL
hsl(34, 97%, 55%)
HSB
hsb(34, 88%, 98%)
CMYK
cmyk(0%, 38%, 88%, 2%)
Oklch
oklch(77.3% 0.166 65.7)

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

#101903

Grass Green · Black · Dark Green

HEX
#101903
RGB
rgb(16, 25, 3)
HSL
hsl(85, 79%, 5%)
HSB
hsb(85, 88%, 10%)
CMYK
cmyk(36%, 0%, 88%, 90%)
Oklch
oklch(19.8% 0.043 127.4)

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

#B1C594

Willow Green · DarkSeaGreen · Apple Green

HEX
#B1C594
RGB
rgb(177, 197, 148)
HSL
hsl(84, 30%, 68%)
HSB
hsb(84, 25%, 77%)
CMYK
cmyk(10%, 0%, 25%, 23%)
Oklch
oklch(79.6% 0.070 126.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6EBC5
DBC6EB

Analogous

EAEBC6
D6EBC5
C6EBC8

Triadic

D6EBC5
C6D7EB
EBC6D7

Split-Comp.

D6EBC5
C8C6EB
EBC6EA

Tetradic

D6EBC5
C6EAEB
DBC6EB
EBC8C6

Contrast Matrix WCAG 2.1 Contrast

D6EBC5
F38300
FB9C1E
101903
B1C594
—
2.1
Fail
1.7
Fail
14.2
AAA
1.5
Fail
2.1
Fail
—
1.2
Fail
6.9
AA
1.4
Fail
1.7
Fail
1.2
Fail
—
8.5
AAA
1.1
Fail
14.2
AAA
6.9
AA
8.5
AAA
—
9.7
AAA
1.5
Fail
1.4
Fail
1.1
Fail
9.7
AAA
—
White BG
1.3Fail
2.6Fail
2.1Fail
18.1AAA
1.9Fail
Black BG
16.5AAA
8.1AAA
9.9AAA
1.2Fail
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFCE
C3C120
D2D13C
141408
BABAA0

Deuteranopia

DEDCD0
C9D127
D7DF44
13130A
B9B7A3

Tritanopia

D7D5D7
ED393E
F6555A
100D0D
B2A9AB

Achromatopsia

E0E0E0
969696
AAAAAA
141414
B9B9B9

Shades & Tints Shades & Tints

#D6EBC5

Dark
Light

#F38300

Dark
Light

#FB9C1E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6ebc5;
  --color-2: #f38300;
  --color-3: #fb9c1e;
  --color-4: #101903;
  --color-5: #b1c594;
}

SCSS

$color-1: #d6ebc5;
$color-2: #f38300;
$color-3: #fb9c1e;
$color-4: #101903;
$color-5: #b1c594;

TAILWIND

colors: {
  'brand-1': '#d6ebc5',
  'brand-2': '#f38300',
  'brand-3': '#fb9c1e',
  'brand-4': '#101903',
  'brand-5': '#b1c594',
}

RGB Array

[214, 235, 197], [243, 131, 0], [251, 156, 30], [16, 25, 3], [177, 197, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6EBC5, #F38300, #FB9C1E, #101903, #B1C594 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: #d6ebc5; --color-2: #f38300; --color-3: #fb9c1e; --color-4: #101903; --color-5: #b1c594. 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