← Back to Editor

#00D3FF · #2696AD · #14778B · #075464 · #033742

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 App

Color Details Color Details

#00D3FF

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#00D3FF
RGB
rgb(0, 211, 255)
HSL
hsl(190, 100%, 50%)
HSB
hsb(190, 100%, 100%)
CMYK
cmyk(100%, 17%, 0%, 0%)
Oklch
oklch(80.2% 0.146 220.1)

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

#2696AD

Lake Blue · LightSeaGreen · Mint Ice

HEX
#2696AD
RGB
rgb(38, 150, 173)
HSL
hsl(190, 64%, 41%)
HSB
hsb(190, 78%, 68%)
CMYK
cmyk(78%, 13%, 0%, 32%)
Oklch
oklch(62.3% 0.101 215.2)

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

#14778B

Lake Blue · Teal · Mint Ice

HEX
#14778B
RGB
rgb(20, 119, 139)
HSL
hsl(190, 75%, 31%)
HSB
hsb(190, 86%, 55%)
CMYK
cmyk(86%, 14%, 0%, 45%)
Oklch
oklch(52.6% 0.088 215.8)

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

#075464

Lake Blue · DarkSlateGray · Peacock Green

HEX
#075464
RGB
rgb(7, 84, 100)
HSL
hsl(190, 87%, 21%)
HSB
hsb(190, 93%, 39%)
CMYK
cmyk(93%, 16%, 0%, 61%)
Oklch
oklch(41.2% 0.071 217.0)

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

#033742

Lake Blue · DarkSlateGray · Peacock Green

HEX
#033742
RGB
rgb(3, 55, 66)
HSL
hsl(190, 91%, 14%)
HSB
hsb(190, 95%, 26%)
CMYK
cmyk(95%, 17%, 0%, 74%)
Oklch
oklch(31.1% 0.054 216.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00D3FF
FF2B00

Analogous

00FFAA
00D3FF
0055FF

Triadic

00D3FF
FF00D4
D4FF00

Split-Comp.

00D3FF
FF0055
FFAA00

Tetradic

00D3FF
AA00FF
FF2B00
55FF00

Contrast Matrix WCAG 2.1 Contrast

00D3FF
2696AD
14778B
075464
033742
—
1.9
Fail
2.9
Fail
4.8
AA
7.2
AAA
1.9
Fail
—
1.5
Fail
2.5
Fail
3.7
AA Large
2.9
Fail
1.5
Fail
—
1.6
Fail
2.5
Fail
4.8
AA
2.5
Fail
1.6
Fail
—
1.5
Fail
7.2
AAA
3.7
AA Large
2.5
Fail
1.5
Fail
—
White BG
1.8Fail
3.5AA Large
5.2AA
8.5AAA
12.9AAA
Black BG
11.8AAA
6.0AA
4.0AA Large
2.5Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5DF4
5658A7
3F4086
282960
1A1A3F

Deuteranopia

4F3FF2
5048A6
393285
241E5F
17133F

Tritanopia

0BECEA
2CA3A2
198282
0B5D5C
063D3D

Achromatopsia

999999
777777
5C5C5C
3F3F3F
292929

Shades & Tints Shades & Tints

#00D3FF

Dark
Light

#2696AD

Dark
Light

#14778B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00d3ff;
  --color-2: #2696ad;
  --color-3: #14778b;
  --color-4: #075464;
  --color-5: #033742;
}

SCSS

$color-1: #00d3ff;
$color-2: #2696ad;
$color-3: #14778b;
$color-4: #075464;
$color-5: #033742;

TAILWIND

colors: {
  'brand-1': '#00d3ff',
  'brand-2': '#2696ad',
  'brand-3': '#14778b',
  'brand-4': '#075464',
  'brand-5': '#033742',
}

RGB Array

[0, 211, 255], [38, 150, 173], [20, 119, 139], [7, 84, 100], [3, 55, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00D3FF, #2696AD, #14778B, #075464, #033742 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: #00d3ff; --color-2: #2696ad; --color-3: #14778b; --color-4: #075464; --color-5: #033742. 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 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