← Back to Editor

#14ECC7 · #B4CED9 · #9682B0 · #741678 · #250C2F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#14ECC7

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#14ECC7
RGB
rgb(20, 236, 199)
HSL
hsl(170, 85%, 50%)
HSB
hsb(170, 92%, 93%)
CMYK
cmyk(92%, 0%, 16%, 7%)
Oklch
oklch(84.3% 0.156 175.6)

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

#B4CED9

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#B4CED9
RGB
rgb(180, 206, 217)
HSL
hsl(198, 33%, 78%)
HSB
hsb(198, 17%, 85%)
CMYK
cmyk(17%, 5%, 0%, 15%)
Oklch
oklch(83.6% 0.032 225.2)

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

#9682B0

Deep Indigo · LightSlateGray · Violet

HEX
#9682B0
RGB
rgb(150, 130, 176)
HSL
hsl(266, 23%, 60%)
HSB
hsb(266, 26%, 69%)
CMYK
cmyk(15%, 26%, 0%, 31%)
Oklch
oklch(64.1% 0.071 304.3)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#741678

Royal Purple · Purple · Eggplant

HEX
#741678
RGB
rgb(116, 22, 120)
HSL
hsl(298, 69%, 28%)
HSB
hsb(298, 82%, 47%)
CMYK
cmyk(3%, 82%, 0%, 53%)
Oklch
oklch(40.6% 0.169 326.3)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#250C2F

Royal Purple · Black · Dark Purple

HEX
#250C2F
RGB
rgb(37, 12, 47)
HSL
hsl(283, 59%, 12%)
HSB
hsb(283, 74%, 18%)
CMYK
cmyk(21%, 74%, 0%, 82%)
Oklch
oklch(21.4% 0.071 315.0)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

14ECC7
EC1337

Analogous

13EC5B
14ECC7
13A4EC

Triadic

14ECC7
C813EC
ECC813

Split-Comp.

14ECC7
EC13A4
EC5B13

Tetradic

14ECC7
5B13EC
EC1337
A4EC13

Contrast Matrix WCAG 2.1 Contrast

14ECC7
B4CED9
9682B0
741678
250C2F
—
1.1
Fail
2.3
Fail
6.5
AA
11.8
AAA
1.1
Fail
—
2.1
Fail
6.0
AA
10.9
AAA
2.3
Fail
2.1
Fail
—
2.9
Fail
5.2
AA
6.5
AA
6.0
AA
2.9
Fail
—
1.8
Fail
11.8
AAA
10.9
AAA
5.2
AA
1.8
Fail
—
White BG
1.5Fail
1.6Fail
3.4AA Large
9.9AAA
17.9AAA
Black BG
13.9AAA
12.8AAA
6.1AA
2.1Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7273D0
BFBFD6
8D8DA5
4B4A60
1A1A27

Deuteranopia

6555D2
BEBCD6
8F90A2
51585B
1C1E25

Tritanopia

1FD7D9
B5D4D4
959C9A
6F4E49
24201E

Achromatopsia

A7A7A7
C7C7C7
8D8D8D
3D3D3D
171717

Shades & Tints Shades & Tints

#14ECC7

Dark
Light

#B4CED9

Dark
Light

#9682B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #14ecc7;
  --color-2: #b4ced9;
  --color-3: #9682b0;
  --color-4: #741678;
  --color-5: #250c2f;
}

SCSS

$color-1: #14ecc7;
$color-2: #b4ced9;
$color-3: #9682b0;
$color-4: #741678;
$color-5: #250c2f;

TAILWIND

colors: {
  'brand-1': '#14ecc7',
  'brand-2': '#b4ced9',
  'brand-3': '#9682b0',
  'brand-4': '#741678',
  'brand-5': '#250c2f',
}

RGB Array

[20, 236, 199], [180, 206, 217], [150, 130, 176], [116, 22, 120], [37, 12, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #14ECC7, #B4CED9, #9682B0, #741678, #250C2F 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: #14ecc7; --color-2: #b4ced9; --color-3: #9682b0; --color-4: #741678; --color-5: #250c2f. 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