← Back to Editor

#679499 · #436976 · #D6E5D2 · #2BA4AF · #00232C

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

#679499

Slate Blue · CadetBlue · Mint Ice

HEX
#679499
RGB
rgb(103, 148, 153)
HSL
hsl(186, 20%, 50%)
HSB
hsb(186, 33%, 60%)
CMYK
cmyk(33%, 3%, 0%, 40%)
Oklch
oklch(63.6% 0.049 204.7)

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

#436976

Slate Blue · DimGray · Mint Ice

HEX
#436976
RGB
rgb(67, 105, 118)
HSL
hsl(195, 28%, 36%)
HSB
hsb(195, 43%, 46%)
CMYK
cmyk(43%, 11%, 0%, 54%)
Oklch
oklch(49.8% 0.048 221.6)

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

#D6E5D2

Celadon · LightGray · Mint Green

HEX
#D6E5D2
RGB
rgb(214, 229, 210)
HSL
hsl(107, 27%, 86%)
HSB
hsb(107, 8%, 90%)
CMYK
cmyk(7%, 0%, 8%, 10%)
Oklch
oklch(90.5% 0.030 139.1)

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

#2BA4AF

Lake Blue · LightSeaGreen · Mint Ice

HEX
#2BA4AF
RGB
rgb(43, 164, 175)
HSL
hsl(185, 61%, 43%)
HSB
hsb(185, 75%, 69%)
CMYK
cmyk(75%, 6%, 0%, 31%)
Oklch
oklch(66.0% 0.102 204.2)

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

#00232C

Lake Blue · Black · Peacock Green

HEX
#00232C
RGB
rgb(0, 35, 44)
HSL
hsl(192, 100%, 9%)
HSB
hsb(192, 100%, 17%)
CMYK
cmyk(100%, 20%, 0%, 83%)
Oklch
oklch(23.7% 0.043 218.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

679499
996B66

Analogous

669985
679499
667A99

Triadic

679499
996694
949966

Split-Comp.

679499
99667A
998566

Tetradic

679499
856699
996B66
7A9966

Contrast Matrix WCAG 2.1 Contrast

679499
436976
D6E5D2
2BA4AF
00232C
—
1.8
Fail
2.6
Fail
1.1
Fail
4.9
AA
1.8
Fail
—
4.5
AA
2.0
Fail
2.8
Fail
2.6
Fail
4.5
AA
—
2.3
Fail
12.5
AAA
1.1
Fail
2.0
Fail
2.3
Fail
—
5.5
AA
4.9
AA
2.8
Fail
12.5
AAA
5.5
AA
—
White BG
3.3AA Large
6.0AA
1.3Fail
3.0Fail
16.4AAA
Black BG
6.3AA
3.5AA Large
16.0AAA
7.0AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7B98
535473
DCDDD7
5F60AC
0F0F2A

Deuteranopia

787598
514E72
DCDBD8
584FAC
0D0B29

Tritanopia

699797
457070
D7DADB
31AAAA
022828

Achromatopsia

878787
5F5F5F
DEDEDE
818181
1A1A1A

Shades & Tints Shades & Tints

#679499

Dark
Light

#436976

Dark
Light

#D6E5D2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #679499;
  --color-2: #436976;
  --color-3: #d6e5d2;
  --color-4: #2ba4af;
  --color-5: #00232c;
}

SCSS

$color-1: #679499;
$color-2: #436976;
$color-3: #d6e5d2;
$color-4: #2ba4af;
$color-5: #00232c;

TAILWIND

colors: {
  'brand-1': '#679499',
  'brand-2': '#436976',
  'brand-3': '#d6e5d2',
  'brand-4': '#2ba4af',
  'brand-5': '#00232c',
}

RGB Array

[103, 148, 153], [67, 105, 118], [214, 229, 210], [43, 164, 175], [0, 35, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #679499, #436976, #D6E5D2, #2BA4AF, #00232C 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: #679499; --color-2: #436976; --color-3: #d6e5d2; --color-4: #2ba4af; --color-5: #00232c. 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