← Back to Editor

#075AB3 · #4D70B3 · #7E75B5 · #FF75B5 · #F4B4B5

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

#075AB3

Indigo · Teal · Prussian Blue

HEX
#075AB3
RGB
rgb(7, 90, 179)
HSL
hsl(211, 92%, 36%)
HSB
hsb(211, 96%, 70%)
CMYK
cmyk(96%, 50%, 0%, 30%)
Oklch
oklch(47.7% 0.158 255.9)

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

#4D70B3

Indigo · SteelBlue · Navy Blue

HEX
#4D70B3
RGB
rgb(77, 112, 179)
HSL
hsl(219, 40%, 50%)
HSB
hsb(219, 57%, 70%)
CMYK
cmyk(57%, 37%, 0%, 30%)
Oklch
oklch(55.0% 0.112 262.4)

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

#7E75B5

Deep Indigo · LightSlateGray · Navy Blue

HEX
#7E75B5
RGB
rgb(126, 117, 181)
HSL
hsl(248, 30%, 58%)
HSB
hsb(248, 35%, 71%)
CMYK
cmyk(30%, 35%, 0%, 29%)
Oklch
oklch(59.7% 0.097 289.6)

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

#FF75B5

Rouge · Orchid · Rose Pink

HEX
#FF75B5
RGB
rgb(255, 117, 181)
HSL
hsl(332, 100%, 73%)
HSB
hsb(332, 54%, 100%)
CMYK
cmyk(0%, 54%, 29%, 0%)
Oklch
oklch(74.4% 0.180 353.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F4B4B5

Peach Pink · LightPink · Cherry Blossom

HEX
#F4B4B5
RGB
rgb(244, 180, 181)
HSL
hsl(359, 74%, 83%)
HSB
hsb(359, 26%, 96%)
CMYK
cmyk(0%, 26%, 26%, 4%)
Oklch
oklch(82.9% 0.075 17.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

075AB3
B05F07

Analogous

07ADB0
075AB3
0A07B0

Triadic

075AB3
B00759
59B007

Split-Comp.

075AB3
B00A07
ADB007

Tetradic

075AB3
B007AD
B05F07
07B00A

Contrast Matrix WCAG 2.1 Contrast

075AB3
4D70B3
7E75B5
FF75B5
F4B4B5
—
1.4
Fail
1.6
Fail
2.7
Fail
3.9
AA Large
1.4
Fail
—
1.2
Fail
2.0
Fail
2.8
Fail
1.6
Fail
1.2
Fail
—
1.7
Fail
2.4
Fail
2.7
Fail
2.0
Fail
1.7
Fail
—
1.4
Fail
3.9
AA Large
2.8
Fail
2.4
Fail
1.4
Fail
—
White BG
6.7AA
4.9AA
4.1AA Large
2.5Fail
1.7Fail
Black BG
3.1AA Large
4.3AA Large
5.1AA
8.5AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2C9D
5C5CA3
7A7AA6
C3C2A6
D8D8B5

Deuteranopia

262098
5A589F
7B7BA2
CBD6A2
DCE1B5

Tritanopia

0B8C89
4F9693
7E9997
F89997
F1B5B5

Achromatopsia

4B4B4B
6D6D6D
7F7F7F
A6A6A6
C7C7C7

Shades & Tints Shades & Tints

#075AB3

Dark
Light

#4D70B3

Dark
Light

#7E75B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #075ab3;
  --color-2: #4d70b3;
  --color-3: #7e75b5;
  --color-4: #ff75b5;
  --color-5: #f4b4b5;
}

SCSS

$color-1: #075ab3;
$color-2: #4d70b3;
$color-3: #7e75b5;
$color-4: #ff75b5;
$color-5: #f4b4b5;

TAILWIND

colors: {
  'brand-1': '#075ab3',
  'brand-2': '#4d70b3',
  'brand-3': '#7e75b5',
  'brand-4': '#ff75b5',
  'brand-5': '#f4b4b5',
}

RGB Array

[7, 90, 179], [77, 112, 179], [126, 117, 181], [255, 117, 181], [244, 180, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #075AB3, #4D70B3, #7E75B5, #FF75B5, #F4B4B5 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: #075ab3; --color-2: #4d70b3; --color-3: #7e75b5; --color-4: #ff75b5; --color-5: #f4b4b5. 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