← Back to Editor

#10234B · #1C58B0 · #2590E0 · #25B0EB · #45EDED

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 AppData Visualization

Color Details Color Details

#10234B

Indigo · MidnightBlue · Deep Sea Blue

HEX
#10234B
RGB
rgb(16, 35, 75)
HSL
hsl(221, 65%, 18%)
HSB
hsb(221, 79%, 29%)
CMYK
cmyk(79%, 53%, 0%, 71%)
Oklch
oklch(26.6% 0.078 263.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#1C58B0

Indigo · SteelBlue · Prussian Blue

HEX
#1C58B0
RGB
rgb(28, 88, 176)
HSL
hsl(216, 73%, 40%)
HSB
hsb(216, 84%, 69%)
CMYK
cmyk(84%, 50%, 0%, 31%)
Oklch
oklch(47.4% 0.153 258.7)

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

#2590E0

Lake Blue · DodgerBlue · Navy Blue

HEX
#2590E0
RGB
rgb(37, 144, 224)
HSL
hsl(206, 75%, 51%)
HSB
hsb(206, 83%, 88%)
CMYK
cmyk(83%, 36%, 0%, 12%)
Oklch
oklch(63.4% 0.151 246.7)

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

#25B0EB

Lake Blue · DodgerBlue · Lake Green

HEX
#25B0EB
RGB
rgb(37, 176, 235)
HSL
hsl(198, 83%, 53%)
HSB
hsb(198, 84%, 92%)
CMYK
cmyk(84%, 25%, 0%, 8%)
Oklch
oklch(71.4% 0.139 233.1)

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

#45EDED

Lake Blue · Turquoise · Lake Green

HEX
#45EDED
RGB
rgb(69, 237, 237)
HSL
hsl(180, 82%, 60%)
HSB
hsb(180, 71%, 93%)
CMYK
cmyk(71%, 0%, 0%, 7%)
Oklch
oklch(86.4% 0.133 195.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

10234B
4C3910

Analogous

10414C
10234B
1B104C

Triadic

10234B
4C1023
234C10

Split-Comp.

10234B
4C1B10
414C10

Tetradic

10234B
4C1041
4C3910
104C1B

Contrast Matrix WCAG 2.1 Contrast

10234B
1C58B0
2590E0
25B0EB
45EDED
—
2.3
Fail
4.5
AA
6.2
AA
10.7
AAA
2.3
Fail
—
2.0
Fail
2.8
Fail
4.7
AA
4.5
AA
2.0
Fail
—
1.4
Fail
2.4
Fail
6.2
AA
2.8
Fail
1.4
Fail
—
1.7
Fail
10.7
AAA
4.7
AA
2.4
Fail
1.7
Fail
—
White BG
15.4AAA
6.8AA
3.4AA Large
2.5Fail
1.4Fail
Black BG
1.4Fail
3.1AA Large
6.1AA
8.5AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181841
36379B
5354CD
6162DD
8E8FED

Deuteranopia

17163F
332E96
4D45C8
594FD9
8477ED

Tritanopia

113A38
1F8A86
2ABDBA
2CD1CF
4DEDED

Achromatopsia

222222
505050
797979
8D8D8D
BBBBBB

Shades & Tints Shades & Tints

#10234B

Dark
Light

#1C58B0

Dark
Light

#2590E0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #10234b;
  --color-2: #1c58b0;
  --color-3: #2590e0;
  --color-4: #25b0eb;
  --color-5: #45eded;
}

SCSS

$color-1: #10234b;
$color-2: #1c58b0;
$color-3: #2590e0;
$color-4: #25b0eb;
$color-5: #45eded;

TAILWIND

colors: {
  'brand-1': '#10234b',
  'brand-2': '#1c58b0',
  'brand-3': '#2590e0',
  'brand-4': '#25b0eb',
  'brand-5': '#45eded',
}

RGB Array

[16, 35, 75], [28, 88, 176], [37, 144, 224], [37, 176, 235], [69, 237, 237]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #10234B, #1C58B0, #2590E0, #25B0EB, #45EDED 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: #10234b; --color-2: #1c58b0; --color-3: #2590e0; --color-4: #25b0eb; --color-5: #45eded. 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 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