#07293C + #173644 + #27434C + #4A5E5B + #748273 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#07293C

Lake Blue · MidnightBlue · Deep Sea Blue

HEX

#07293C

RGB

rgb(7, 41, 60)

HSL

hsl(202, 79%, 13%)

HSB

hsb(202, 88%, 24%)

CMYK

cmyk(88%, 32%, 0%, 76%)

Oklch

oklch(26.8% 0.052 238.0)

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

#173644

Slate Blue · DarkSlateGray · Peacock Green

HEX

#173644

RGB

rgb(23, 54, 68)

HSL

hsl(199, 49%, 18%)

HSB

hsb(199, 66%, 27%)

CMYK

cmyk(66%, 21%, 0%, 73%)

Oklch

oklch(31.6% 0.044 229.8)

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

#27434C

Slate Blue · DarkSlateGray · Peacock Green

HEX

#27434C

RGB

rgb(39, 67, 76)

HSL

hsl(195, 32%, 23%)

HSB

hsb(195, 49%, 30%)

CMYK

cmyk(49%, 12%, 0%, 70%)

Oklch

oklch(36.5% 0.037 220.4)

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

#4A5E5B

Mineral Blue · DarkSlateGray · Mint Ice

HEX

#4A5E5B

RGB

rgb(74, 94, 91)

HSL

hsl(171, 12%, 33%)

HSB

hsb(171, 21%, 37%)

CMYK

cmyk(21%, 0%, 3%, 63%)

Oklch

oklch(46.4% 0.025 185.2)

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

#748273

Ink Gray · Gray · Warm Gray

HEX

#748273

RGB

rgb(116, 130, 115)

HSL

hsl(116, 6%, 48%)

HSB

hsb(116, 12%, 51%)

CMYK

cmyk(11%, 0%, 12%, 49%)

Oklch

oklch(59.1% 0.028 143.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

07293C

3B1A07

Analogous

073B34

07293C

070E3B

Triadic

07293C

3B0728

283B07

Split-Comp.

07293C

3B070E

3B3407

Tetradic

07293C

34073B

3B1A07

0E3B07

Contrast Matrix WCAG 2.1 Contrast

07293C	173644	27434C	4A5E5B	748273
—	1.2 Fail	1.4 Fail	2.2 Fail	3.7 AA Large
1.2 Fail	—	1.2 Fail	1.8 Fail	3.1 AA Large
1.4 Fail	1.2 Fail	—	1.5 Fail	2.6 Fail
2.2 Fail	1.8 Fail	1.5 Fail	—	1.7 Fail
3.7 AA Large	3.1 AA Large	2.6 Fail	1.7 Fail	—

White BG

15.1AAA

12.7AAA

10.5AAA

6.9AA

4.1AA Large

Black BG

1.4Fail

1.6Fail

2.0Fail

3.0AA Large

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

161637

242541

33334A

53535C

7A7A77

Deuteranopia

141136

232040

322F49

52505C

797878

Tritanopia

093433

193E3D

284848

4B5C5C

75797A

Achromatopsia

212121

2E2E2E

3C3C3C

585858

7C7C7C

Shades & Tints Shades & Tints

#07293C

Dark

Light

#173644

Dark

Light

#27434C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #07293c;
  --color-2: #173644;
  --color-3: #27434c;
  --color-4: #4a5e5b;
  --color-5: #748273;
}

SCSS

$color-1: #07293c;
$color-2: #173644;
$color-3: #27434c;
$color-4: #4a5e5b;
$color-5: #748273;

TAILWIND

colors: {
  'brand-1': '#07293c',
  'brand-2': '#173644',
  'brand-3': '#27434c',
  'brand-4': '#4a5e5b',
  'brand-5': '#748273',
}

RGB Array

[7, 41, 60], [23, 54, 68], [39, 67, 76], [74, 94, 91], [116, 130, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #07293C, #173644, #27434C, #4A5E5B, #748273 is ideal for: tech websites, dark mode UIs, game UIs. 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: #07293c; --color-2: #173644; --color-3: #27434c; --color-4: #4a5e5b; --color-5: #748273. 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 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