← Back to Editor

#35D3C5 · #249087 · #1A6861 · #0B2D2A · #020807

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#35D3C5

Mineral Blue · Turquoise · Lake Green

HEX
#35D3C5
RGB
rgb(53, 211, 197)
HSL
hsl(175, 64%, 52%)
HSB
hsb(175, 75%, 83%)
CMYK
cmyk(75%, 0%, 7%, 17%)
Oklch
oklch(78.5% 0.127 185.9)

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

#249087

Mineral Blue · Teal · Mint Ice

HEX
#249087
RGB
rgb(36, 144, 135)
HSL
hsl(175, 60%, 35%)
HSB
hsb(175, 75%, 56%)
CMYK
cmyk(75%, 0%, 6%, 44%)
Oklch
oklch(59.3% 0.094 186.6)

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

#1A6861

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#1A6861
RGB
rgb(26, 104, 97)
HSL
hsl(175, 60%, 25%)
HSB
hsb(175, 75%, 41%)
CMYK
cmyk(75%, 0%, 7%, 59%)
Oklch
oklch(47.0% 0.074 186.2)

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

#0B2D2A

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#0B2D2A
RGB
rgb(11, 45, 42)
HSL
hsl(175, 61%, 11%)
HSB
hsb(175, 76%, 18%)
CMYK
cmyk(76%, 0%, 7%, 82%)
Oklch
oklch(27.2% 0.039 187.0)

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

#020807

Mineral Blue · Black · Peacock Green

HEX
#020807
RGB
rgb(2, 8, 7)
HSL
hsl(170, 60%, 2%)
HSB
hsb(170, 75%, 3%)
CMYK
cmyk(75%, 0%, 12%, 97%)
Oklch
oklch(12.5% 0.015 185.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

35D3C5
D33643

Analogous

36D378
35D3C5
3692D3

Triadic

35D3C5
C636D3
D3C636

Split-Comp.

35D3C5
D33692
D37836

Tetradic

35D3C5
7836D3
D33643
92D336

Contrast Matrix WCAG 2.1 Contrast

35D3C5
249087
1A6861
0B2D2A
020807
—
2.1
Fail
3.5
AA Large
7.9
AAA
10.8
AAA
2.1
Fail
—
1.7
Fail
3.8
AA Large
5.2
AA
3.5
AA Large
1.7
Fail
—
2.2
Fail
3.1
AA Large
7.9
AAA
3.8
AA Large
2.2
Fail
—
1.4
Fail
10.8
AAA
5.2
AA
3.1
AA Large
1.4
Fail
—
White BG
1.9Fail
3.9AA Large
6.6AA
14.8AAA
20.2AAA
Black BG
11.3AAA
5.4AA
3.2AA Large
1.4Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

797BC8
535489
3C3C63
1A1A2B
050507

Deuteranopia

7064C9
4D448A
373163
18152B
040407

Tritanopia

3DCBCC
298B8B
1E6464
0D2B2B
020707

Achromatopsia

A2A2A2
6F6F6F
505050
222222
060606

Shades & Tints Shades & Tints

#35D3C5

Dark
Light

#249087

Dark
Light

#1A6861

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #35d3c5;
  --color-2: #249087;
  --color-3: #1a6861;
  --color-4: #0b2d2a;
  --color-5: #020807;
}

SCSS

$color-1: #35d3c5;
$color-2: #249087;
$color-3: #1a6861;
$color-4: #0b2d2a;
$color-5: #020807;

TAILWIND

colors: {
  'brand-1': '#35d3c5',
  'brand-2': '#249087',
  'brand-3': '#1a6861',
  'brand-4': '#0b2d2a',
  'brand-5': '#020807',
}

RGB Array

[53, 211, 197], [36, 144, 135], [26, 104, 97], [11, 45, 42], [2, 8, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #35D3C5, #249087, #1A6861, #0B2D2A, #020807 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #35d3c5; --color-2: #249087; --color-3: #1a6861; --color-4: #0b2d2a; --color-5: #020807. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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