← Back to Editor

#BFE0B2 · #6AAA9E · #297F93 · #11536E · #012543

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

#BFE0B2

Celadon · Silver · Apple Green

HEX
#BFE0B2
RGB
rgb(191, 224, 178)
HSL
hsl(103, 43%, 79%)
HSB
hsb(103, 21%, 88%)
CMYK
cmyk(15%, 0%, 21%, 12%)
Oklch
oklch(87.1% 0.071 136.9)

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

#6AAA9E

Mineral Blue · CadetBlue · Lake Green

HEX
#6AAA9E
RGB
rgb(106, 170, 158)
HSL
hsl(169, 27%, 54%)
HSB
hsb(169, 38%, 67%)
CMYK
cmyk(38%, 0%, 7%, 33%)
Oklch
oklch(69.1% 0.068 181.0)

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

#297F93

Lake Blue · SteelBlue · Mint Ice

HEX
#297F93
RGB
rgb(41, 127, 147)
HSL
hsl(191, 56%, 37%)
HSB
hsb(191, 72%, 58%)
CMYK
cmyk(72%, 14%, 0%, 42%)
Oklch
oklch(55.5% 0.085 216.6)

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

#11536E

Lake Blue · DarkSlateGray · Peacock Green

HEX
#11536E
RGB
rgb(17, 83, 110)
HSL
hsl(197, 73%, 25%)
HSB
hsb(197, 85%, 43%)
CMYK
cmyk(85%, 25%, 0%, 57%)
Oklch
oklch(41.6% 0.077 231.0)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#012543

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#012543
RGB
rgb(1, 37, 67)
HSL
hsl(207, 97%, 13%)
HSB
hsb(207, 99%, 26%)
CMYK
cmyk(99%, 45%, 0%, 74%)
Oklch
oklch(25.9% 0.069 248.5)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFE0B2
D3B2E0

Analogous

D6E0B2
BFE0B2
B2E0BC

Triadic

BFE0B2
B2BFE0
E0B2BF

Split-Comp.

BFE0B2
BCB2E0
E0B2D6

Tetradic

BFE0B2
B2D6E0
D3B2E0
E0BCB2

Contrast Matrix WCAG 2.1 Contrast

BFE0B2
6AAA9E
297F93
11536E
012543
—
1.8
Fail
3.2
AA Large
5.8
AA
10.8
AAA
1.8
Fail
—
1.7
Fail
3.2
AA Large
5.8
AA
3.2
AA Large
1.7
Fail
—
1.8
Fail
3.4
AA Large
5.8
AA
3.2
AA Large
1.8
Fail
—
1.8
Fail
10.8
AAA
5.8
AA
3.4
AA Large
1.8
Fail
—
White BG
1.4Fail
2.7Fail
4.6AA
8.4AAA
15.6AAA
Black BG
14.5AAA
7.9AAA
4.6AA
2.5Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCEBD
8686A1
4E4F8E
2E2E67
11113C

Deuteranopia

CBC9C0
827DA2
49438D
2A2566
0F0C3A

Tritanopia

C1C6C8
6DA3A4
2D8A8A
146261
033635

Achromatopsia

D1D1D1
959595
686868
424242
1E1E1E

Shades & Tints Shades & Tints

#BFE0B2

Dark
Light

#6AAA9E

Dark
Light

#297F93

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfe0b2;
  --color-2: #6aaa9e;
  --color-3: #297f93;
  --color-4: #11536e;
  --color-5: #012543;
}

SCSS

$color-1: #bfe0b2;
$color-2: #6aaa9e;
$color-3: #297f93;
$color-4: #11536e;
$color-5: #012543;

TAILWIND

colors: {
  'brand-1': '#bfe0b2',
  'brand-2': '#6aaa9e',
  'brand-3': '#297f93',
  'brand-4': '#11536e',
  'brand-5': '#012543',
}

RGB Array

[191, 224, 178], [106, 170, 158], [41, 127, 147], [17, 83, 110], [1, 37, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFE0B2, #6AAA9E, #297F93, #11536E, #012543 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: #bfe0b2; --color-2: #6aaa9e; --color-3: #297f93; --color-4: #11536e; --color-5: #012543. 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