← Back to Editor

#438E9B · #2D6770 · #6D2450 · #991155 · #E9D6CB

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

#438E9B

Slate Blue · SteelBlue · Mint Ice

HEX
#438E9B
RGB
rgb(67, 142, 155)
HSL
hsl(189, 40%, 44%)
HSB
hsb(189, 57%, 61%)
CMYK
cmyk(57%, 8%, 0%, 39%)
Oklch
oklch(60.4% 0.076 210.4)

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

#2D6770

Slate Blue · DarkSlateGray · Mint Ice

HEX
#2D6770
RGB
rgb(45, 103, 112)
HSL
hsl(188, 43%, 31%)
HSB
hsb(188, 60%, 44%)
CMYK
cmyk(60%, 8%, 0%, 56%)
Oklch
oklch(47.9% 0.062 208.9)

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

#6D2450

Rose Purple · Purple · Camellia

HEX
#6D2450
RGB
rgb(109, 36, 80)
HSL
hsl(324, 50%, 28%)
HSB
hsb(324, 67%, 43%)
CMYK
cmyk(0%, 67%, 27%, 57%)
Oklch
oklch(38.6% 0.116 346.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#991155

Dark Violet · Brown · Camellia

HEX
#991155
RGB
rgb(153, 17, 85)
HSL
hsl(330, 80%, 33%)
HSB
hsb(330, 89%, 60%)
CMYK
cmyk(0%, 89%, 44%, 40%)
Oklch
oklch(45.1% 0.173 358.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#E9D6CB

Apricot · LightGray · Peach Orange

HEX
#E9D6CB
RGB
rgb(233, 214, 203)
HSL
hsl(22, 41%, 85%)
HSB
hsb(22, 13%, 91%)
CMYK
cmyk(0%, 8%, 13%, 9%)
Oklch
oklch(88.9% 0.026 52.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

438E9B
9D5143

Analogous

439D7E
438E9B
43639D

Triadic

438E9B
9D4390
909D43

Split-Comp.

438E9B
9D4363
9D7E43

Tetradic

438E9B
7E439D
9D5143
639D43

Contrast Matrix WCAG 2.1 Contrast

438E9B
2D6770
6D2450
991155
E9D6CB
—
1.7
Fail
2.8
Fail
2.2
Fail
2.7
Fail
1.7
Fail
—
1.6
Fail
1.3
Fail
4.5
AA
2.8
Fail
1.6
Fail
—
1.3
Fail
7.4
AAA
2.2
Fail
1.3
Fail
1.3
Fail
—
5.8
AA
2.7
Fail
4.5
AA
7.4
AAA
5.8
AA
—
White BG
3.8AA Large
6.4AA
10.4AAA
8.2AAA
1.4Fail
Black BG
5.6AA
3.3AA Large
2.0Fail
2.6Fail
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

636498
46476E
4D4D45
5E5D45
E1E1CE

Deuteranopia

5F5A97
433E6D
525743
667041
E2E3CE

Tritanopia

479595
306C6C
693D3B
923835
E8D0D0

Achromatopsia

797979
575757
3F3F3F
414141
DADADA

Shades & Tints Shades & Tints

#438E9B

Dark
Light

#2D6770

Dark
Light

#6D2450

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #438e9b;
  --color-2: #2d6770;
  --color-3: #6d2450;
  --color-4: #991155;
  --color-5: #e9d6cb;
}

SCSS

$color-1: #438e9b;
$color-2: #2d6770;
$color-3: #6d2450;
$color-4: #991155;
$color-5: #e9d6cb;

TAILWIND

colors: {
  'brand-1': '#438e9b',
  'brand-2': '#2d6770',
  'brand-3': '#6d2450',
  'brand-4': '#991155',
  'brand-5': '#e9d6cb',
}

RGB Array

[67, 142, 155], [45, 103, 112], [109, 36, 80], [153, 17, 85], [233, 214, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #438E9B, #2D6770, #6D2450, #991155, #E9D6CB 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: #438e9b; --color-2: #2d6770; --color-3: #6d2450; --color-4: #991155; --color-5: #e9d6cb. 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