← Back to Editor

#EDED6E · #B1C279 · #0F636B · #1E2129 · #731A28

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

#EDED6E

Fresh Green · Khaki · Sunflower

HEX
#EDED6E
RGB
rgb(237, 237, 110)
HSL
hsl(60, 78%, 68%)
HSB
hsb(60, 54%, 93%)
CMYK
cmyk(0%, 0%, 54%, 7%)
Oklch
oklch(92.1% 0.149 109.0)

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

#B1C279

Willow Green · Tan · Apple Green

HEX
#B1C279
RGB
rgb(177, 194, 121)
HSL
hsl(74, 37%, 62%)
HSB
hsb(74, 38%, 76%)
CMYK
cmyk(9%, 0%, 38%, 24%)
Oklch
oklch(78.4% 0.098 119.4)

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

#0F636B

Lake Blue · Teal · Peacock Green

HEX
#0F636B
RGB
rgb(15, 99, 107)
HSL
hsl(185, 75%, 24%)
HSB
hsb(185, 86%, 42%)
CMYK
cmyk(86%, 7%, 0%, 58%)
Oklch
oklch(45.8% 0.074 205.1)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#1E2129

Indigo · Black · Deep Sea Blue

HEX
#1E2129
RGB
rgb(30, 33, 41)
HSL
hsl(224, 15%, 14%)
HSB
hsb(224, 27%, 16%)
CMYK
cmyk(27%, 20%, 0%, 84%)
Oklch
oklch(24.8% 0.016 269.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#731A28

Vermilion · Maroon · Wine Red

HEX
#731A28
RGB
rgb(115, 26, 40)
HSL
hsl(351, 63%, 28%)
HSB
hsb(351, 77%, 45%)
CMYK
cmyk(0%, 77%, 65%, 55%)
Oklch
oklch(37.2% 0.122 16.9)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDED6E
6E6EED

Analogous

EDAD6E
EDED6E
ADED6E

Triadic

EDED6E
6EEDED
ED6EED

Split-Comp.

EDED6E
6EADED
AD6EED

Tetradic

EDED6E
6EEDAD
6E6EED
ED6EAD

Contrast Matrix WCAG 2.1 Contrast

EDED6E
B1C279
0F636B
1E2129
731A28
—
1.6
Fail
5.6
AA
13.0
AAA
8.9
AAA
1.6
Fail
—
3.6
AA Large
8.3
AAA
5.7
AA
5.6
AA
3.6
AA Large
—
2.3
Fail
1.6
Fail
13.0
AAA
8.3
AAA
2.3
Fail
—
1.5
Fail
8.9
AAA
5.7
AA
1.6
Fail
1.5
Fail
—
White BG
1.2Fail
1.9Fail
7.0AA
16.1AAA
11.0AAA
Black BG
16.9AAA
10.9AAA
3.0AA Large
1.3Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDED8D
B8B98B
333469
1F1F27
4C4C25

Deuteranopia

EDED94
B7B68F
2F2869
1F1F27
525824

Tritanopia

EDA5AA
B2999C
136867
1E2625
6F2221

Achromatopsia

DFDFDF
B5B5B5
4B4B4B
212121
363636

Shades & Tints Shades & Tints

#EDED6E

Dark
Light

#B1C279

Dark
Light

#0F636B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eded6e;
  --color-2: #b1c279;
  --color-3: #0f636b;
  --color-4: #1e2129;
  --color-5: #731a28;
}

SCSS

$color-1: #eded6e;
$color-2: #b1c279;
$color-3: #0f636b;
$color-4: #1e2129;
$color-5: #731a28;

TAILWIND

colors: {
  'brand-1': '#eded6e',
  'brand-2': '#b1c279',
  'brand-3': '#0f636b',
  'brand-4': '#1e2129',
  'brand-5': '#731a28',
}

RGB Array

[237, 237, 110], [177, 194, 121], [15, 99, 107], [30, 33, 41], [115, 26, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDED6E, #B1C279, #0F636B, #1E2129, #731A28 is ideal for: tech websites, dark mode UIs, game UIs, 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: #eded6e; --color-2: #b1c279; --color-3: #0f636b; --color-4: #1e2129; --color-5: #731a28. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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