← Back to Editor

#9DE2F3 · #453D38 · #443B35 · #D5FC08 · #E5EBDB

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

#9DE2F3

Sky Blue · LightBlue · Glacier Blue

HEX
#9DE2F3
RGB
rgb(157, 226, 243)
HSL
hsl(192, 78%, 78%)
HSB
hsb(192, 35%, 95%)
CMYK
cmyk(35%, 7%, 0%, 5%)
Oklch
oklch(87.3% 0.073 214.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#453D38

Tangerine · DarkSlateGray · Cinnamon

HEX
#453D38
RGB
rgb(69, 61, 56)
HSL
hsl(23, 10%, 25%)
HSB
hsb(23, 19%, 27%)
CMYK
cmyk(0%, 12%, 19%, 73%)
Oklch
oklch(36.7% 0.014 54.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#443B35

Tangerine · DarkSlateGray · Cinnamon

HEX
#443B35
RGB
rgb(68, 59, 53)
HSL
hsl(24, 12%, 24%)
HSB
hsb(24, 22%, 27%)
CMYK
cmyk(0%, 13%, 22%, 73%)
Oklch
oklch(36.0% 0.016 55.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#D5FC08

Grass Green · Yellow · Olive Green

HEX
#D5FC08
RGB
rgb(213, 252, 8)
HSL
hsl(70, 98%, 51%)
HSB
hsb(70, 97%, 99%)
CMYK
cmyk(15%, 0%, 97%, 1%)
Oklch
oklch(93.0% 0.221 120.4)

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

#E5EBDB

Willow Green · Beige · Mint Green

HEX
#E5EBDB
RGB
rgb(229, 235, 219)
HSL
hsl(82, 29%, 89%)
HSB
hsb(82, 7%, 92%)
CMYK
cmyk(3%, 0%, 7%, 8%)
Oklch
oklch(93.1% 0.022 123.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9DE2F3
F3AD9B

Analogous

9BF3D8
9DE2F3
9BB5F3

Triadic

9DE2F3
F39BE1
E1F39B

Split-Comp.

9DE2F3
F39BB5
F3D89B

Tetradic

9DE2F3
D89BF3
F3AD9B
B5F39B

Contrast Matrix WCAG 2.1 Contrast

9DE2F3
453D38
443B35
D5FC08
E5EBDB
—
7.4
AAA
7.6
AAA
1.2
Fail
1.2
Fail
7.4
AAA
—
1.0
Fail
9.0
AAA
8.7
AAA
7.6
AAA
1.0
Fail
—
9.2
AAA
9.0
AAA
1.2
Fail
9.0
AAA
9.2
AAA
—
1.0
Fail
1.2
Fail
8.7
AAA
9.0
AAA
1.0
Fail
—
White BG
1.4Fail
10.6AAA
10.9AAA
1.2Fail
1.2Fail
Black BG
14.6AAA
2.0Fail
1.9Fail
17.8AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBBEF
424139
404036
E6E643
E8E8DF

Deuteranopia

B7B2EE
42433A
414137
E4E151
E7E7E0

Tritanopia

A0ECEB
453A3A
443838
D7727C
E5E2E3

Achromatopsia

CFCFCF
3F3F3F
3D3D3D
D5D5D5
E7E7E7

Shades & Tints Shades & Tints

#9DE2F3

Dark
Light

#453D38

Dark
Light

#443B35

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9de2f3;
  --color-2: #453d38;
  --color-3: #443b35;
  --color-4: #d5fc08;
  --color-5: #e5ebdb;
}

SCSS

$color-1: #9de2f3;
$color-2: #453d38;
$color-3: #443b35;
$color-4: #d5fc08;
$color-5: #e5ebdb;

TAILWIND

colors: {
  'brand-1': '#9de2f3',
  'brand-2': '#453d38',
  'brand-3': '#443b35',
  'brand-4': '#d5fc08',
  'brand-5': '#e5ebdb',
}

RGB Array

[157, 226, 243], [69, 61, 56], [68, 59, 53], [213, 252, 8], [229, 235, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9DE2F3, #453D38, #443B35, #D5FC08, #E5EBDB 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: #9de2f3; --color-2: #453d38; --color-3: #443b35; --color-4: #d5fc08; --color-5: #e5ebdb. 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