← Back to Editor

#FFECD3 · #C0D5C7 · #82BFBB · #43A8AF · #0491A3

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

#FFECD3

Goose Yellow · Beige · Peach Orange

HEX
#FFECD3
RGB
rgb(255, 236, 211)
HSL
hsl(34, 100%, 91%)
HSB
hsb(34, 17%, 100%)
CMYK
cmyk(0%, 7%, 17%, 0%)
Oklch
oklch(95.2% 0.039 74.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C0D5C7

Celadon · Silver · Apple Green

HEX
#C0D5C7
RGB
rgb(192, 213, 199)
HSL
hsl(140, 20%, 79%)
HSB
hsb(140, 10%, 84%)
CMYK
cmyk(10%, 0%, 7%, 16%)
Oklch
oklch(85.3% 0.030 156.5)

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

#82BFBB

Jade · MediumAquaMarine · Lake Green

HEX
#82BFBB
RGB
rgb(130, 191, 187)
HSL
hsl(176, 32%, 63%)
HSB
hsb(176, 32%, 75%)
CMYK
cmyk(32%, 0%, 2%, 25%)
Oklch
oklch(76.2% 0.063 190.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#43A8AF

Slate Blue · CadetBlue · Mint Ice

HEX
#43A8AF
RGB
rgb(67, 168, 175)
HSL
hsl(184, 45%, 47%)
HSB
hsb(184, 62%, 69%)
CMYK
cmyk(62%, 4%, 0%, 31%)
Oklch
oklch(67.6% 0.093 201.6)

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

#0491A3

Lake Blue · Teal · Mint Ice

HEX
#0491A3
RGB
rgb(4, 145, 163)
HSL
hsl(187, 95%, 33%)
HSB
hsb(187, 98%, 64%)
CMYK
cmyk(98%, 11%, 0%, 36%)
Oklch
oklch(60.2% 0.104 210.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFECD3
D1E5FF

Analogous

FFD4D1
FFECD3
FCFFD1

Triadic

FFECD3
D1FFEB
EBD1FF

Split-Comp.

FFECD3
D1FCFF
D4D1FF

Tetradic

FFECD3
D1FFD4
D1E5FF
FFD1FC

Contrast Matrix WCAG 2.1 Contrast

FFECD3
C0D5C7
82BFBB
43A8AF
0491A3
—
1.3
Fail
1.8
Fail
2.4
Fail
3.3
AA Large
1.3
Fail
—
1.3
Fail
1.8
Fail
2.4
Fail
1.8
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
2.4
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
3.3
AA Large
2.4
Fail
1.8
Fail
1.3
Fail
—
White BG
1.2Fail
1.5Fail
2.1Fail
2.8Fail
3.8AA Large
Black BG
18.2AAA
13.6AAA
10.1AAA
7.5AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7D9
C9C9CA
9C9DBC
6F70AD
41429F

Deuteranopia

F8F9DB
C8C6CB
9994BC
6961AD
392E9E

Tritanopia

FEDEDF
C1CDCE
85BDBD
48ACAC
0B9B9A

Achromatopsia

EFEFEF
CDCDCD
ACACAC
8B8B8B
696969

Shades & Tints Shades & Tints

#FFECD3

Dark
Light

#C0D5C7

Dark
Light

#82BFBB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffecd3;
  --color-2: #c0d5c7;
  --color-3: #82bfbb;
  --color-4: #43a8af;
  --color-5: #0491a3;
}

SCSS

$color-1: #ffecd3;
$color-2: #c0d5c7;
$color-3: #82bfbb;
$color-4: #43a8af;
$color-5: #0491a3;

TAILWIND

colors: {
  'brand-1': '#ffecd3',
  'brand-2': '#c0d5c7',
  'brand-3': '#82bfbb',
  'brand-4': '#43a8af',
  'brand-5': '#0491a3',
}

RGB Array

[255, 236, 211], [192, 213, 199], [130, 191, 187], [67, 168, 175], [4, 145, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFECD3, #C0D5C7, #82BFBB, #43A8AF, #0491A3 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: #ffecd3; --color-2: #c0d5c7; --color-3: #82bfbb; --color-4: #43a8af; --color-5: #0491a3. 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