← Back to Editor

#1371AE · #149FD8 · #17AFE1 · #1EE4EF · #EEEAE1

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#1371AE

Lake Blue · Teal · Prussian Blue

HEX
#1371AE
RGB
rgb(19, 113, 174)
HSL
hsl(204, 80%, 38%)
HSB
hsb(204, 89%, 68%)
CMYK
cmyk(89%, 35%, 0%, 32%)
Oklch
oklch(52.9% 0.125 244.5)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#149FD8

Lake Blue · DodgerBlue · Mint Ice

HEX
#149FD8
RGB
rgb(20, 159, 216)
HSL
hsl(197, 83%, 46%)
HSB
hsb(197, 91%, 85%)
CMYK
cmyk(91%, 26%, 0%, 15%)
Oklch
oklch(66.2% 0.135 233.8)

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

#17AFE1

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#17AFE1
RGB
rgb(23, 175, 225)
HSL
hsl(195, 81%, 49%)
HSB
hsb(195, 90%, 88%)
CMYK
cmyk(90%, 22%, 0%, 12%)
Oklch
oklch(70.5% 0.134 228.0)

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

#1EE4EF

Lake Blue · Cyan · Lake Green

HEX
#1EE4EF
RGB
rgb(30, 228, 239)
HSL
hsl(183, 87%, 53%)
HSB
hsb(183, 87%, 94%)
CMYK
cmyk(87%, 5%, 0%, 6%)
Oklch
oklch(83.7% 0.139 201.2)

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

#EEEAE1

Goose Yellow · Beige · Lemon Cream

HEX
#EEEAE1
RGB
rgb(238, 234, 225)
HSL
hsl(42, 28%, 91%)
HSB
hsb(42, 5%, 93%)
CMYK
cmyk(0%, 2%, 5%, 7%)
Oklch
oklch(93.8% 0.013 86.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1371AE
AE5113

Analogous

13AE9F
1371AE
1323AE

Triadic

1371AE
AE1370
70AE13

Split-Comp.

1371AE
AE1323
AE9F13

Tetradic

1371AE
9F13AE
AE5113
23AE13

Contrast Matrix WCAG 2.1 Contrast

1371AE
149FD8
17AFE1
1EE4EF
EEEAE1
—
1.7
Fail
2.1
Fail
3.3
AA Large
4.4
AA Large
1.7
Fail
—
1.2
Fail
1.9
Fail
2.5
Fail
2.1
Fail
1.2
Fail
—
1.6
Fail
2.1
Fail
3.3
AA Large
1.9
Fail
1.6
Fail
—
1.3
Fail
4.4
AA Large
2.5
Fail
2.1
Fail
1.3
Fail
—
White BG
5.2AA
3.0AA Large
2.5Fail
1.6Fail
1.2Fail
Black BG
4.0AA Large
7.0AA
8.3AAA
13.4AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3D9F
5051CA
595AD5
7476EC
ECECE3

Deuteranopia

362F9C
483EC7
5045D2
6859EC
EDEDE4

Tritanopia

189491
1BBFBD
1FCBC9
28EAEA
EEE5E5

Achromatopsia

5C5C5C
7C7C7C
878787
AAAAAA
EAEAEA

Shades & Tints Shades & Tints

#1371AE

Dark
Light

#149FD8

Dark
Light

#17AFE1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1371ae;
  --color-2: #149fd8;
  --color-3: #17afe1;
  --color-4: #1ee4ef;
  --color-5: #eeeae1;
}

SCSS

$color-1: #1371ae;
$color-2: #149fd8;
$color-3: #17afe1;
$color-4: #1ee4ef;
$color-5: #eeeae1;

TAILWIND

colors: {
  'brand-1': '#1371ae',
  'brand-2': '#149fd8',
  'brand-3': '#17afe1',
  'brand-4': '#1ee4ef',
  'brand-5': '#eeeae1',
}

RGB Array

[19, 113, 174], [20, 159, 216], [23, 175, 225], [30, 228, 239], [238, 234, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1371AE, #149FD8, #17AFE1, #1EE4EF, #EEEAE1 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #1371ae; --color-2: #149fd8; --color-3: #17afe1; --color-4: #1ee4ef; --color-5: #eeeae1. 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 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