← Back to Editor

#091923 · #113945 · #2F778F · #90D0F0 · #7BA4B0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#091923

Lake Blue · Black · Deep Sea Blue

HEX
#091923
RGB
rgb(9, 25, 35)
HSL
hsl(203, 59%, 9%)
HSB
hsb(203, 74%, 14%)
CMYK
cmyk(74%, 29%, 0%, 86%)
Oklch
oklch(20.5% 0.030 237.9)

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

#113945

Lake Blue · DarkSlateGray · Peacock Green

HEX
#113945
RGB
rgb(17, 57, 69)
HSL
hsl(194, 60%, 17%)
HSB
hsb(194, 75%, 27%)
CMYK
cmyk(75%, 17%, 0%, 73%)
Oklch
oklch(32.3% 0.049 221.3)

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

#2F778F

Lake Blue · SteelBlue · Mint Ice

HEX
#2F778F
RGB
rgb(47, 119, 143)
HSL
hsl(195, 51%, 37%)
HSB
hsb(195, 67%, 56%)
CMYK
cmyk(67%, 17%, 0%, 44%)
Oklch
oklch(53.5% 0.080 223.4)

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

#90D0F0

Sky Blue · SkyBlue · Cobalt Blue

HEX
#90D0F0
RGB
rgb(144, 208, 240)
HSL
hsl(200, 76%, 75%)
HSB
hsb(200, 40%, 94%)
CMYK
cmyk(40%, 13%, 0%, 6%)
Oklch
oklch(82.6% 0.079 230.6)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#7BA4B0

Slate Blue · CadetBlue · Lake Green

HEX
#7BA4B0
RGB
rgb(123, 164, 176)
HSL
hsl(194, 25%, 59%)
HSB
hsb(194, 30%, 69%)
CMYK
cmyk(30%, 7%, 0%, 31%)
Oklch
oklch(69.3% 0.048 217.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

091923
241409

Analogous

092421
091923
090D24

Triadic

091923
24091A
1A2409

Split-Comp.

091923
24090D
242109

Tetradic

091923
210924
241409
0D2409

Contrast Matrix WCAG 2.1 Contrast

091923
113945
2F778F
90D0F0
7BA4B0
—
1.4
Fail
3.5
AA Large
10.6
AAA
6.6
AA
1.4
Fail
—
2.5
Fail
7.4
AAA
4.6
AA
3.5
AA Large
2.5
Fail
—
3.0
Fail
1.9
Fail
10.6
AAA
7.4
AAA
3.0
Fail
—
1.6
Fail
6.6
AA
4.6
AA
1.9
Fail
1.6
Fail
—
White BG
17.9AAA
12.4AAA
5.1AA
1.7Fail
2.7Fail
Black BG
1.2Fail
1.7Fail
4.2AA Large
12.5AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

101021
222342
4E4F89
ACACE8
8D8DAD

Deuteranopia

0F0E20
201D41
4A4588
A8A3E6
8A87AC

Tritanopia

0A1F1E
13403F
338584
93E2E1
7DABAA

Achromatopsia

151515
2E2E2E
646464
C1C1C1
999999

Shades & Tints Shades & Tints

#091923

Dark
Light

#113945

Dark
Light

#2F778F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #091923;
  --color-2: #113945;
  --color-3: #2f778f;
  --color-4: #90d0f0;
  --color-5: #7ba4b0;
}

SCSS

$color-1: #091923;
$color-2: #113945;
$color-3: #2f778f;
$color-4: #90d0f0;
$color-5: #7ba4b0;

TAILWIND

colors: {
  'brand-1': '#091923',
  'brand-2': '#113945',
  'brand-3': '#2f778f',
  'brand-4': '#90d0f0',
  'brand-5': '#7ba4b0',
}

RGB Array

[9, 25, 35], [17, 57, 69], [47, 119, 143], [144, 208, 240], [123, 164, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #091923, #113945, #2F778F, #90D0F0, #7BA4B0 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #091923; --color-2: #113945; --color-3: #2f778f; --color-4: #90d0f0; --color-5: #7ba4b0. 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 tech, SaaS, healthcare, eco industries. 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