← Back to Editor

#CE432C · #DBCF85 · #94D89B · #2BA993 · #1B2F26

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

#CE432C

Vermilion · Chocolate · Passion Red

HEX
#CE432C
RGB
rgb(206, 67, 44)
HSL
hsl(9, 65%, 49%)
HSB
hsb(9, 79%, 81%)
CMYK
cmyk(0%, 67%, 79%, 19%)
Oklch
oklch(57.8% 0.179 32.0)

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

#DBCF85

Fresh Green · BurlyWood · Sunflower

HEX
#DBCF85
RGB
rgb(219, 207, 133)
HSL
hsl(52, 54%, 69%)
HSB
hsb(52, 39%, 86%)
CMYK
cmyk(0%, 5%, 39%, 14%)
Oklch
oklch(84.8% 0.095 100.2)

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

#94D89B

Celadon · LightGreen · Apple Green

HEX
#94D89B
RGB
rgb(148, 216, 155)
HSL
hsl(126, 47%, 71%)
HSB
hsb(126, 31%, 85%)
CMYK
cmyk(31%, 0%, 28%, 15%)
Oklch
oklch(82.1% 0.109 147.0)

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

#2BA993

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#2BA993
RGB
rgb(43, 169, 147)
HSL
hsl(170, 59%, 42%)
HSB
hsb(170, 75%, 66%)
CMYK
cmyk(75%, 0%, 13%, 34%)
Oklch
oklch(66.3% 0.111 178.0)

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

#1B2F26

Mineral Blue · DarkSlateGray · Dark Green

HEX
#1B2F26
RGB
rgb(27, 47, 38)
HSL
hsl(153, 27%, 15%)
HSB
hsb(153, 43%, 18%)
CMYK
cmyk(43%, 0%, 19%, 82%)
Oklch
oklch(28.5% 0.031 164.3)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CE432C
2CB6CE

Analogous

CE2C65
CE432C
CE952C

Triadic

CE432C
2CCE44
442CCE

Split-Comp.

CE432C
2CCE95
2C65CE

Tetradic

CE432C
65CE2C
2CB6CE
952CCE

Contrast Matrix WCAG 2.1 Contrast

CE432C
DBCF85
94D89B
2BA993
1B2F26
—
3.0
Fail
2.8
Fail
1.6
Fail
3.0
AA Large
3.0
Fail
—
1.1
Fail
1.8
Fail
9.0
AAA
2.8
Fail
1.1
Fail
—
1.7
Fail
8.5
AAA
1.6
Fail
1.8
Fail
1.7
Fail
—
4.9
AA
3.0
AA Large
9.0
AAA
8.5
AAA
4.9
AA
—
White BG
4.7AA
1.6Fail
1.7Fail
2.9Fail
14.2AAA
Black BG
4.5AA Large
13.3AAA
12.6AAA
7.2AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

929132
D6D697
B1B2AA
626398
242428

Deuteranopia

9AA433
D7D79B
AEA8AD
5A519A
232129

Tritanopia

C73637
DAA5A8
97B5B8
319D9D
1C2A2A

Achromatopsia

6A6A6A
CACACA
BDBDBD
818181
282828

Shades & Tints Shades & Tints

#CE432C

Dark
Light

#DBCF85

Dark
Light

#94D89B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ce432c;
  --color-2: #dbcf85;
  --color-3: #94d89b;
  --color-4: #2ba993;
  --color-5: #1b2f26;
}

SCSS

$color-1: #ce432c;
$color-2: #dbcf85;
$color-3: #94d89b;
$color-4: #2ba993;
$color-5: #1b2f26;

TAILWIND

colors: {
  'brand-1': '#ce432c',
  'brand-2': '#dbcf85',
  'brand-3': '#94d89b',
  'brand-4': '#2ba993',
  'brand-5': '#1b2f26',
}

RGB Array

[206, 67, 44], [219, 207, 133], [148, 216, 155], [43, 169, 147], [27, 47, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CE432C, #DBCF85, #94D89B, #2BA993, #1B2F26 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: #ce432c; --color-2: #dbcf85; --color-3: #94d89b; --color-4: #2ba993; --color-5: #1b2f26. 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