← Back to Editor

#C1C4AE · #EFC885 · #DEA761 · #D74C45 · #0F2F3A

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

#C1C4AE

Fresh Green · Silver · Sunflower

HEX
#C1C4AE
RGB
rgb(193, 196, 174)
HSL
hsl(68, 16%, 73%)
HSB
hsb(68, 11%, 77%)
CMYK
cmyk(2%, 0%, 11%, 23%)
Oklch
oklch(81.2% 0.030 113.4)

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

#EFC885

Goose Yellow · BurlyWood · Warm Sun

HEX
#EFC885
RGB
rgb(239, 200, 133)
HSL
hsl(38, 77%, 73%)
HSB
hsb(38, 44%, 94%)
CMYK
cmyk(0%, 16%, 44%, 6%)
Oklch
oklch(85.2% 0.096 80.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#DEA761

Ginger · SandyBrown · Warm Sun

HEX
#DEA761
RGB
rgb(222, 167, 97)
HSL
hsl(34, 65%, 63%)
HSB
hsb(34, 56%, 87%)
CMYK
cmyk(0%, 25%, 56%, 13%)
Oklch
oklch(76.5% 0.109 71.6)

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

#D74C45

Vermilion · Tomato · Passion Red

HEX
#D74C45
RGB
rgb(215, 76, 69)
HSL
hsl(3, 65%, 56%)
HSB
hsb(3, 68%, 84%)
CMYK
cmyk(0%, 65%, 68%, 16%)
Oklch
oklch(60.6% 0.176 26.6)

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

#0F2F3A

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0F2F3A
RGB
rgb(15, 47, 58)
HSL
hsl(195, 59%, 14%)
HSB
hsb(195, 74%, 23%)
CMYK
cmyk(74%, 19%, 0%, 77%)
Oklch
oklch(28.7% 0.042 223.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1C4AE
B2AFC5

Analogous

C5BDAF
C1C4AE
B7C5AF

Triadic

C1C4AE
AFC2C5
C5AFC2

Split-Comp.

C1C4AE
AFB7C5
BDAFC5

Tetradic

C1C4AE
AFC5BD
B2AFC5
C5AFB7

Contrast Matrix WCAG 2.1 Contrast

C1C4AE
EFC885
DEA761
D74C45
0F2F3A
—
1.1
Fail
1.2
Fail
2.4
Fail
7.9
AAA
1.1
Fail
—
1.4
Fail
2.6
Fail
8.9
AAA
1.2
Fail
1.4
Fail
—
2.0
Fail
6.6
AA
2.4
Fail
2.6
Fail
2.0
Fail
—
3.4
AA Large
7.9
AAA
8.9
AAA
6.6
AA
3.4
AA Large
—
White BG
1.8Fail
1.6Fail
2.1Fail
4.2AA Large
14.1AAA
Black BG
11.8AAA
13.3AAA
9.8AAA
5.0AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2B3
DEDE95
C6C672
9B9A47
1D1D37

Deuteranopia

C2C2B5
E0E399
C9CD76
A3AD47
1B1937

Tritanopia

C1B8B8
EDA2A5
DB7F82
D04848
113535

Achromatopsia

C1C1C1
CCCCCC
AFAFAF
757575
272727

Shades & Tints Shades & Tints

#C1C4AE

Dark
Light

#EFC885

Dark
Light

#DEA761

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1c4ae;
  --color-2: #efc885;
  --color-3: #dea761;
  --color-4: #d74c45;
  --color-5: #0f2f3a;
}

SCSS

$color-1: #c1c4ae;
$color-2: #efc885;
$color-3: #dea761;
$color-4: #d74c45;
$color-5: #0f2f3a;

TAILWIND

colors: {
  'brand-1': '#c1c4ae',
  'brand-2': '#efc885',
  'brand-3': '#dea761',
  'brand-4': '#d74c45',
  'brand-5': '#0f2f3a',
}

RGB Array

[193, 196, 174], [239, 200, 133], [222, 167, 97], [215, 76, 69], [15, 47, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C1C4AE, #EFC885, #DEA761, #D74C45, #0F2F3A 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: #c1c4ae; --color-2: #efc885; --color-3: #dea761; --color-4: #d74c45; --color-5: #0f2f3a. 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