← Back to Editor

#DFB90C · #EC1B4C · #B40750 · #5E1332 · #320013

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 AppData Visualization

Color Details Color Details

#DFB90C

Ochre · GoldenRod · Honey Gold

HEX
#DFB90C
RGB
rgb(223, 185, 12)
HSL
hsl(49, 90%, 46%)
HSB
hsb(49, 95%, 87%)
CMYK
cmyk(0%, 17%, 95%, 13%)
Oklch
oklch(79.6% 0.161 93.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#EC1B4C

Vermilion · Crimson · Passion Red

HEX
#EC1B4C
RGB
rgb(236, 27, 76)
HSL
hsl(346, 85%, 52%)
HSB
hsb(346, 89%, 93%)
CMYK
cmyk(0%, 89%, 68%, 7%)
Oklch
oklch(60.6% 0.232 17.3)

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

#B40750

Dark Violet · Crimson · Camellia

HEX
#B40750
RGB
rgb(180, 7, 80)
HSL
hsl(335, 93%, 37%)
HSB
hsb(335, 96%, 71%)
CMYK
cmyk(0%, 96%, 56%, 29%)
Oklch
oklch(49.6% 0.196 6.5)

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

#5E1332

Dark Violet · Maroon · Raspberry

HEX
#5E1332
RGB
rgb(94, 19, 50)
HSL
hsl(335, 66%, 22%)
HSB
hsb(335, 80%, 37%)
CMYK
cmyk(0%, 80%, 47%, 63%)
Oklch
oklch(32.8% 0.110 0.4)

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

#320013

Dark Violet · Black · Raspberry

HEX
#320013
RGB
rgb(50, 0, 19)
HSL
hsl(337, 100%, 10%)
HSB
hsb(337, 100%, 20%)
CMYK
cmyk(0%, 100%, 62%, 80%)
Oklch
oklch(20.4% 0.082 3.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFB90C
0C32DF

Analogous

DF4F0C
DFB90C
9CDF0C

Triadic

DFB90C
0CDFB8
B80CDF

Split-Comp.

DFB90C
0C9CDF
4F0CDF

Tetradic

DFB90C
0CDF4F
0C32DF
DF0C9C

Contrast Matrix WCAG 2.1 Contrast

DFB90C
EC1B4C
B40750
5E1332
320013
—
2.3
Fail
3.6
AA Large
6.9
AA
9.7
AAA
2.3
Fail
—
1.6
Fail
3.0
Fail
4.2
AA Large
3.6
AA Large
1.6
Fail
—
1.9
Fail
2.7
Fail
6.9
AA
3.0
Fail
1.9
Fail
—
1.4
Fail
9.7
AAA
4.2
AA Large
2.7
Fail
1.4
Fail
—
White BG
1.9Fail
4.3AA Large
6.8AA
13.0AAA
18.3AAA
Black BG
11.1AAA
4.8AA
3.1AA Large
1.6Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCE36
929040
69683E
3E3D2A
1C1C0E

Deuteranopia

D1D440
9EAD3D
73803A
424829
1F230D

Tritanopia

DD575E
E23735
AB302D
5A2523
300B0A

Achromatopsia

B1B1B1
5F5F5F
434343
2D2D2D
111111

Shades & Tints Shades & Tints

#DFB90C

Dark
Light

#EC1B4C

Dark
Light

#B40750

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfb90c;
  --color-2: #ec1b4c;
  --color-3: #b40750;
  --color-4: #5e1332;
  --color-5: #320013;
}

SCSS

$color-1: #dfb90c;
$color-2: #ec1b4c;
$color-3: #b40750;
$color-4: #5e1332;
$color-5: #320013;

TAILWIND

colors: {
  'brand-1': '#dfb90c',
  'brand-2': '#ec1b4c',
  'brand-3': '#b40750',
  'brand-4': '#5e1332',
  'brand-5': '#320013',
}

RGB Array

[223, 185, 12], [236, 27, 76], [180, 7, 80], [94, 19, 50], [50, 0, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DFB90C, #EC1B4C, #B40750, #5E1332, #320013 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: #dfb90c; --color-2: #ec1b4c; --color-3: #b40750; --color-4: #5e1332; --color-5: #320013. 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 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