← Back to Editor

#013838 · #006666 · #238387 · #26A1A6 · #31B1B6

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#013838

Lake Blue · DarkSlateGray · Peacock Green

HEX
#013838
RGB
rgb(1, 56, 56)
HSL
hsl(180, 96%, 11%)
HSB
hsb(180, 98%, 22%)
CMYK
cmyk(98%, 0%, 0%, 78%)
Oklch
oklch(30.9% 0.052 194.8)

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

#006666

Lake Blue · Teal · Peacock Green

HEX
#006666
RGB
rgb(0, 102, 102)
HSL
hsl(180, 100%, 20%)
HSB
hsb(180, 100%, 40%)
CMYK
cmyk(100%, 0%, 0%, 60%)
Oklch
oklch(46.2% 0.079 194.8)

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

#238387

Lake Blue · Teal · Mint Ice

HEX
#238387
RGB
rgb(35, 131, 135)
HSL
hsl(182, 59%, 33%)
HSB
hsb(182, 74%, 53%)
CMYK
cmyk(74%, 3%, 0%, 47%)
Oklch
oklch(55.9% 0.085 199.2)

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

#26A1A6

Lake Blue · LightSeaGreen · Mint Ice

HEX
#26A1A6
RGB
rgb(38, 161, 166)
HSL
hsl(182, 63%, 40%)
HSB
hsb(182, 77%, 65%)
CMYK
cmyk(77%, 3%, 0%, 35%)
Oklch
oklch(64.8% 0.102 199.1)

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

#31B1B6

Lake Blue · LightSeaGreen · Mint Ice

HEX
#31B1B6
RGB
rgb(49, 177, 182)
HSL
hsl(182, 58%, 45%)
HSB
hsb(182, 73%, 71%)
CMYK
cmyk(73%, 3%, 0%, 29%)
Oklch
oklch(69.6% 0.107 198.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

013838
370101

Analogous

01371C
013838
011C37

Triadic

013838
370137
373701

Split-Comp.

013838
37011C
371C01

Tetradic

013838
1C0137
370101
1C3701

Contrast Matrix WCAG 2.1 Contrast

013838
006666
238387
26A1A6
31B1B6
—
1.9
Fail
2.9
Fail
4.1
AA Large
5.0
AA
1.9
Fail
—
1.5
Fail
2.2
Fail
2.6
Fail
2.9
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
4.1
AA Large
2.2
Fail
1.4
Fail
—
1.2
Fail
5.0
AA
2.6
Fail
1.7
Fail
1.2
Fail
—
White BG
12.9AAA
6.8AA
4.5AA Large
3.1AA Large
2.6Fail
Black BG
1.6Fail
3.1AA Large
4.7AA
6.7AA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

191938
2C2D66
4D4D86
5B5CA5
686AB5

Deuteranopia

161238
261F66
474086
544BA5
6157B5

Tritanopia

043838
056666
288585
2CA4A4
37B4B4

Achromatopsia

282828
484848
676767
7D7D7D
8B8B8B

Shades & Tints Shades & Tints

#013838

Dark
Light

#006666

Dark
Light

#238387

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #013838;
  --color-2: #006666;
  --color-3: #238387;
  --color-4: #26a1a6;
  --color-5: #31b1b6;
}

SCSS

$color-1: #013838;
$color-2: #006666;
$color-3: #238387;
$color-4: #26a1a6;
$color-5: #31b1b6;

TAILWIND

colors: {
  'brand-1': '#013838',
  'brand-2': '#006666',
  'brand-3': '#238387',
  'brand-4': '#26a1a6',
  'brand-5': '#31b1b6',
}

RGB Array

[1, 56, 56], [0, 102, 102], [35, 131, 135], [38, 161, 166], [49, 177, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #013838, #006666, #238387, #26A1A6, #31B1B6 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #013838; --color-2: #006666; --color-3: #238387; --color-4: #26a1a6; --color-5: #31b1b6. 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. 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 cool-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