← Back to Editor

#ADC021 · #21BF33 · #D14D00 · #D40F67 · #781081

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

#ADC021

Autumn Sage · GoldenRod · Honey Gold

HEX
#ADC021
RGB
rgb(173, 192, 33)
HSL
hsl(67, 71%, 44%)
HSB
hsb(67, 83%, 75%)
CMYK
cmyk(10%, 0%, 83%, 25%)
Oklch
oklch(76.7% 0.169 116.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#21BF33

Pine Green · LimeGreen · Olive Green

HEX
#21BF33
RGB
rgb(33, 191, 51)
HSL
hsl(127, 71%, 44%)
HSB
hsb(127, 83%, 75%)
CMYK
cmyk(83%, 0%, 73%, 25%)
Oklch
oklch(70.2% 0.217 144.0)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

#D14D00

Tangerine · Chocolate · Amber Brown

HEX
#D14D00
RGB
rgb(209, 77, 0)
HSL
hsl(22, 100%, 41%)
HSB
hsb(22, 100%, 82%)
CMYK
cmyk(0%, 63%, 100%, 18%)
Oklch
oklch(59.2% 0.180 41.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#D40F67

Dark Violet · MediumVioletRed · Camellia

HEX
#D40F67
RGB
rgb(212, 15, 103)
HSL
hsl(333, 87%, 45%)
HSB
hsb(333, 93%, 83%)
CMYK
cmyk(0%, 93%, 51%, 17%)
Oklch
oklch(56.4% 0.222 3.8)

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

#781081

Royal Purple · Purple · Eggplant

HEX
#781081
RGB
rgb(120, 16, 129)
HSL
hsl(295, 78%, 28%)
HSB
hsb(295, 88%, 51%)
CMYK
cmyk(7%, 88%, 0%, 49%)
Oklch
oklch(41.5% 0.182 324.4)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADC021
3321C0

Analogous

C08321
ADC021
5EC021

Triadic

ADC021
21ADC0
C021AD

Split-Comp.

ADC021
215EC0
8321C0

Tetradic

ADC021
21C083
3321C0
C0215E

Contrast Matrix WCAG 2.1 Contrast

ADC021
21BF33
D14D00
D40F67
781081
—
1.2
Fail
2.2
Fail
2.5
Fail
4.7
AA
1.2
Fail
—
1.8
Fail
2.1
Fail
3.9
AA Large
2.2
Fail
1.8
Fail
—
1.2
Fail
2.2
Fail
2.5
Fail
2.1
Fail
1.2
Fail
—
1.9
Fail
4.7
AA
3.9
AA Large
2.2
Fail
1.9
Fail
—
White BG
2.0Fail
2.5Fail
4.4AA Large
5.2AA
9.6AAA
Black BG
10.3AAA
8.6AAA
4.8AA
4.1AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B547
656755
989713
7F7D52
4B4A66

Deuteranopia

B4B351
5C505D
A0A917
8A994D
51595F

Tritanopia

AE666D
297076
CA2125
CA413D
73504B

Achromatopsia

A8A8A8
808080
6C6C6C
545454
3C3C3C

Shades & Tints Shades & Tints

#ADC021

Dark
Light

#21BF33

Dark
Light

#D14D00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adc021;
  --color-2: #21bf33;
  --color-3: #d14d00;
  --color-4: #d40f67;
  --color-5: #781081;
}

SCSS

$color-1: #adc021;
$color-2: #21bf33;
$color-3: #d14d00;
$color-4: #d40f67;
$color-5: #781081;

TAILWIND

colors: {
  'brand-1': '#adc021',
  'brand-2': '#21bf33',
  'brand-3': '#d14d00',
  'brand-4': '#d40f67',
  'brand-5': '#781081',
}

RGB Array

[173, 192, 33], [33, 191, 51], [209, 77, 0], [212, 15, 103], [120, 16, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #ADC021, #21BF33, #D14D00, #D40F67, #781081 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: #adc021; --color-2: #21bf33; --color-3: #d14d00; --color-4: #d40f67; --color-5: #781081. 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