← Back to Editor

#A7153C · #E93040 · #FF9A35 · #FFC06E · #F9A27A

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A7153C

Dark Violet · Brown · Camellia

HEX
#A7153C
RGB
rgb(167, 21, 60)
HSL
hsl(344, 78%, 37%)
HSB
hsb(344, 87%, 65%)
CMYK
cmyk(0%, 87%, 64%, 35%)
Oklch
oklch(47.2% 0.177 14.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#E93040

Vermilion · Crimson · Passion Red

HEX
#E93040
RGB
rgb(233, 48, 64)
HSL
hsl(355, 81%, 55%)
HSB
hsb(355, 79%, 91%)
CMYK
cmyk(0%, 79%, 73%, 9%)
Oklch
oklch(61.0% 0.218 22.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FF9A35

Ginger · Coral · Warm Sun

HEX
#FF9A35
RGB
rgb(255, 154, 53)
HSL
hsl(30, 100%, 60%)
HSB
hsb(30, 79%, 100%)
CMYK
cmyk(0%, 40%, 79%, 0%)
Oklch
oklch(77.6% 0.162 60.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FFC06E

Goose Yellow · SandyBrown · Warm Sun

HEX
#FFC06E
RGB
rgb(255, 192, 110)
HSL
hsl(34, 100%, 72%)
HSB
hsb(34, 57%, 100%)
CMYK
cmyk(0%, 25%, 57%, 0%)
Oklch
oklch(84.9% 0.123 72.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F9A27A

Apricot · LightSalmon · Warm Sun

HEX
#F9A27A
RGB
rgb(249, 162, 122)
HSL
hsl(19, 91%, 73%)
HSB
hsb(19, 51%, 98%)
CMYK
cmyk(0%, 35%, 51%, 2%)
Oklch
oklch(79.0% 0.117 45.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7153C
15A881

Analogous

A81586
A7153C
A83715

Triadic

A7153C
3CA815
153CA8

Split-Comp.

A7153C
15A837
1586A8

Tetradic

A7153C
86A815
15A881
3715A8

Contrast Matrix WCAG 2.1 Contrast

A7153C
E93040
FF9A35
FFC06E
F9A27A
—
1.8
Fail
3.5
AA Large
4.6
AA
3.7
AA Large
1.8
Fail
—
2.0
Fail
2.6
Fail
2.1
Fail
3.5
AA Large
2.0
Fail
—
1.3
Fail
1.1
Fail
4.6
AA
2.6
Fail
1.3
Fail
—
1.2
Fail
3.7
AA Large
2.1
Fail
1.1
Fail
1.2
Fail
—
White BG
7.5AAA
4.2AA Large
2.1Fail
1.6Fail
2.0Fail
Black BG
2.8Fail
5.0AA
9.9AAA
13.0AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

686633
99973C
D3D24D
E4E382
D3D384

Deuteranopia

707B30
A4B23B
D9E153
E7EC87
D8DF86

Tritanopia

A02B29
E03938
FA6165
FC9295
F58B8D

Achromatopsia

454545
696969
ADADAD
C9C9C9
B7B7B7

Shades & Tints Shades & Tints

#A7153C

Dark
Light

#E93040

Dark
Light

#FF9A35

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7153c;
  --color-2: #e93040;
  --color-3: #ff9a35;
  --color-4: #ffc06e;
  --color-5: #f9a27a;
}

SCSS

$color-1: #a7153c;
$color-2: #e93040;
$color-3: #ff9a35;
$color-4: #ffc06e;
$color-5: #f9a27a;

TAILWIND

colors: {
  'brand-1': '#a7153c',
  'brand-2': '#e93040',
  'brand-3': '#ff9a35',
  'brand-4': '#ffc06e',
  'brand-5': '#f9a27a',
}

RGB Array

[167, 21, 60], [233, 48, 64], [255, 154, 53], [255, 192, 110], [249, 162, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A7153C, #E93040, #FF9A35, #FFC06E, #F9A27A is ideal for: social media posters, mobile apps, e-commerce promos. 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: #a7153c; --color-2: #e93040; --color-3: #ff9a35; --color-4: #ffc06e; --color-5: #f9a27a. 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. 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 sea-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