← Back to Editor

#266874 · #265473 · #264173 · #262E73 · #A14B00

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 App

Color Details Color Details

#266874

Lake Blue · DarkSlateGray · Mint Ice

HEX
#266874
RGB
rgb(38, 104, 116)
HSL
hsl(189, 51%, 30%)
HSB
hsb(189, 67%, 45%)
CMYK
cmyk(67%, 10%, 0%, 55%)
Oklch
oklch(48.1% 0.068 211.7)

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

#265473

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#265473
RGB
rgb(38, 84, 115)
HSL
hsl(204, 50%, 30%)
HSB
hsb(204, 67%, 45%)
CMYK
cmyk(67%, 27%, 0%, 55%)
Oklch
oklch(42.8% 0.072 240.8)

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

#264173

Indigo · DarkSlateGray · Prussian Blue

HEX
#264173
RGB
rgb(38, 65, 115)
HSL
hsl(219, 50%, 30%)
HSB
hsb(219, 67%, 45%)
CMYK
cmyk(67%, 43%, 0%, 55%)
Oklch
oklch(38.1% 0.092 261.6)

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

#262E73

Indigo · MidnightBlue · Prussian Blue

HEX
#262E73
RGB
rgb(38, 46, 115)
HSL
hsl(234, 50%, 30%)
HSB
hsb(234, 67%, 45%)
CMYK
cmyk(67%, 60%, 0%, 55%)
Oklch
oklch(33.8% 0.118 273.3)

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

#A14B00

Tangerine · Sienna · Amber Brown

HEX
#A14B00
RGB
rgb(161, 75, 0)
HSL
hsl(28, 100%, 32%)
HSB
hsb(28, 100%, 63%)
CMYK
cmyk(0%, 53%, 100%, 37%)
Oklch
oklch(51.3% 0.134 50.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

266874
743125

Analogous

257458
266874
254174

Triadic

266874
742568
687425

Split-Comp.

266874
742541
745825

Tetradic

266874
582574
743125
417425

Contrast Matrix WCAG 2.1 Contrast

266874
265473
264173
262E73
A14B00
—
1.3
Fail
1.6
Fail
1.9
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.4
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
2.0
Fail
1.1
Fail
1.4
Fail
1.7
Fail
2.0
Fail
—
White BG
6.3AA
8.1AAA
10.1AAA
12.2AAA
6.0AA
Black BG
3.3AA Large
2.6Fail
2.1Fail
1.7Fail
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

434371
3A3A6B
323267
292A62
7C7B12

Deuteranopia

3F3A70
37346A
302E64
29285E
818717

Tritanopia

296F6E
286664
275D5B
265552
9D2024

Achromatopsia

565656
4A4A4A
3F3F3F
333333
5C5C5C

Shades & Tints Shades & Tints

#266874

Dark
Light

#265473

Dark
Light

#264173

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #266874;
  --color-2: #265473;
  --color-3: #264173;
  --color-4: #262e73;
  --color-5: #a14b00;
}

SCSS

$color-1: #266874;
$color-2: #265473;
$color-3: #264173;
$color-4: #262e73;
$color-5: #a14b00;

TAILWIND

colors: {
  'brand-1': '#266874',
  'brand-2': '#265473',
  'brand-3': '#264173',
  'brand-4': '#262e73',
  'brand-5': '#a14b00',
}

RGB Array

[38, 104, 116], [38, 84, 115], [38, 65, 115], [38, 46, 115], [161, 75, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #266874, #265473, #264173, #262E73, #A14B00 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: #266874; --color-2: #265473; --color-3: #264173; --color-4: #262e73; --color-5: #a14b00. 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