← Back to Editor

#FFDA3E · #FF9921 · #FF493E · #FF0451 · #92002C

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

#FFDA3E

Ginger · Gold · Sunflower

HEX
#FFDA3E
RGB
rgb(255, 218, 62)
HSL
hsl(48, 100%, 62%)
HSB
hsb(48, 76%, 100%)
CMYK
cmyk(0%, 15%, 76%, 0%)
Oklch
oklch(89.5% 0.167 95.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FF9921

Ginger · Orange · Warm Sun

HEX
#FF9921
RGB
rgb(255, 153, 33)
HSL
hsl(32, 100%, 56%)
HSB
hsb(32, 87%, 100%)
CMYK
cmyk(0%, 40%, 87%, 0%)
Oklch
oklch(77.3% 0.169 62.6)

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

#FF493E

Peach Pink · Tomato · Coral Red

HEX
#FF493E
RGB
rgb(255, 73, 62)
HSL
hsl(3, 100%, 62%)
HSB
hsb(3, 76%, 100%)
CMYK
cmyk(0%, 71%, 76%, 0%)
Oklch
oklch(66.7% 0.220 28.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF0451

Dark Violet · Crimson · Rose Pink

HEX
#FF0451
RGB
rgb(255, 4, 81)
HSL
hsl(342, 100%, 51%)
HSB
hsb(342, 98%, 100%)
CMYK
cmyk(0%, 98%, 68%, 0%)
Oklch
oklch(63.5% 0.253 16.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#92002C

Dark Violet · DarkRed · Camellia

HEX
#92002C
RGB
rgb(146, 0, 44)
HSL
hsl(342, 100%, 29%)
HSB
hsb(342, 100%, 57%)
CMYK
cmyk(0%, 100%, 70%, 43%)
Oklch
oklch(41.9% 0.168 15.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDA3E
3D64FF

Analogous

FF773D
FFDA3E
C5FF3D

Triadic

FFDA3E
3DFFD8
D83DFF

Split-Comp.

FFDA3E
3DC5FF
773DFF

Tetradic

FFDA3E
3DFF77
3D64FF
FF3DC5

Contrast Matrix WCAG 2.1 Contrast

FFDA3E
FF9921
FF493E
FF0451
92002C
—
1.6
Fail
2.4
Fail
2.8
Fail
6.8
AA
1.6
Fail
—
1.6
Fail
1.8
Fail
4.4
AA Large
2.4
Fail
1.6
Fail
—
1.2
Fail
2.8
Fail
2.8
Fail
1.8
Fail
1.2
Fail
—
2.4
Fail
6.8
AA
4.4
AA Large
2.8
Fail
2.4
Fail
—
White BG
1.4Fail
2.1Fail
3.3AA Large
3.9AA Large
9.3AAA
Black BG
15.4AAA
9.8AAA
6.3AA
5.4AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEF64
D3D23E
B0AF41
92903E
535121

Deuteranopia

F1F46D
D9E045
BBC841
A1B43A
5B661F

Tritanopia

FD8288
FA555A
F64343
F2302C
8B1917

Achromatopsia

D3D3D3
AAAAAA
7E7E7E
585858
313131

Shades & Tints Shades & Tints

#FFDA3E

Dark
Light

#FF9921

Dark
Light

#FF493E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffda3e;
  --color-2: #ff9921;
  --color-3: #ff493e;
  --color-4: #ff0451;
  --color-5: #92002c;
}

SCSS

$color-1: #ffda3e;
$color-2: #ff9921;
$color-3: #ff493e;
$color-4: #ff0451;
$color-5: #92002c;

TAILWIND

colors: {
  'brand-1': '#ffda3e',
  'brand-2': '#ff9921',
  'brand-3': '#ff493e',
  'brand-4': '#ff0451',
  'brand-5': '#92002c',
}

RGB Array

[255, 218, 62], [255, 153, 33], [255, 73, 62], [255, 4, 81], [146, 0, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FFDA3E, #FF9921, #FF493E, #FF0451, #92002C 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: #ffda3e; --color-2: #ff9921; --color-3: #ff493e; --color-4: #ff0451; --color-5: #92002c. 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