← Back to Editor

#01090B · #0A5B70 · #62605A · #E2B736 · #F44645

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

#01090B

Lake Blue · Black · Peacock Green

HEX
#01090B
RGB
rgb(1, 9, 11)
HSL
hsl(192, 83%, 2%)
HSB
hsb(192, 91%, 4%)
CMYK
cmyk(91%, 18%, 0%, 96%)
Oklch
oklch(12.9% 0.019 209.0)

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

#0A5B70

Lake Blue · Teal · Peacock Green

HEX
#0A5B70
RGB
rgb(10, 91, 112)
HSL
hsl(192, 84%, 24%)
HSB
hsb(192, 91%, 44%)
CMYK
cmyk(91%, 19%, 0%, 56%)
Oklch
oklch(43.8% 0.077 221.5)

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

#62605A

Ink Gray · DimGray · Charcoal

HEX
#62605A
RGB
rgb(98, 96, 90)
HSL
hsl(45, 4%, 37%)
HSB
hsb(45, 8%, 38%)
CMYK
cmyk(0%, 2%, 8%, 62%)
Oklch
oklch(48.9% 0.010 91.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#E2B736

Ginger · GoldenRod · Sunflower

HEX
#E2B736
RGB
rgb(226, 183, 54)
HSL
hsl(45, 75%, 55%)
HSB
hsb(45, 76%, 89%)
CMYK
cmyk(0%, 19%, 76%, 11%)
Oklch
oklch(79.7% 0.147 89.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F44645

Peach Pink · Tomato · Coral Red

HEX
#F44645
RGB
rgb(244, 70, 69)
HSL
hsl(0, 89%, 61%)
HSB
hsb(0, 72%, 96%)
CMYK
cmyk(0%, 71%, 72%, 4%)
Oklch
oklch(64.7% 0.211 25.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

01090B
090301

Analogous

010907
01090B
010309

Triadic

01090B
090108
080901

Split-Comp.

01090B
090103
090701

Tetradic

01090B
070109
090301
030901

Contrast Matrix WCAG 2.1 Contrast

01090B
0A5B70
62605A
E2B736
F44645
—
2.6
Fail
3.2
AA Large
10.6
AAA
5.6
AA
2.6
Fail
—
1.2
Fail
4.0
AA Large
2.1
Fail
3.2
AA Large
1.2
Fail
—
3.3
AA Large
1.7
Fail
10.6
AAA
4.0
AA Large
3.3
AA Large
—
1.9
Fail
5.6
AA
2.1
Fail
1.7
Fail
1.9
Fail
—
White BG
20.1AAA
7.7AAA
6.3AA
1.9Fail
3.6AA Large
Black BG
1.0Fail
2.7Fail
3.3AA Large
11.1AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

04050B
2D2E6B
61615B
CFCF55
A9A745

Deuteranopia

04030A
28226A
61615C
D2D55D
B3C045

Tritanopia

010A0A
0E6766
625D5D
E06E73
EB4545

Achromatopsia

070707
454545
606060
B5B5B5
7A7A7A

Shades & Tints Shades & Tints

#01090B

Dark
Light

#0A5B70

Dark
Light

#62605A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #01090b;
  --color-2: #0a5b70;
  --color-3: #62605a;
  --color-4: #e2b736;
  --color-5: #f44645;
}

SCSS

$color-1: #01090b;
$color-2: #0a5b70;
$color-3: #62605a;
$color-4: #e2b736;
$color-5: #f44645;

TAILWIND

colors: {
  'brand-1': '#01090b',
  'brand-2': '#0a5b70',
  'brand-3': '#62605a',
  'brand-4': '#e2b736',
  'brand-5': '#f44645',
}

RGB Array

[1, 9, 11], [10, 91, 112], [98, 96, 90], [226, 183, 54], [244, 70, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #01090B, #0A5B70, #62605A, #E2B736, #F44645 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #01090b; --color-2: #0a5b70; --color-3: #62605a; --color-4: #e2b736; --color-5: #f44645. 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. 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