← Back to Editor

#CED470 · #189D5E · #BDA430 · #EF7431 · #FB4A42

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#CED470

Fresh Green · BurlyWood · Sunflower

HEX
#CED470
RGB
rgb(206, 212, 112)
HSL
hsl(64, 54%, 64%)
HSB
hsb(64, 47%, 83%)
CMYK
cmyk(3%, 0%, 47%, 17%)
Oklch
oklch(84.4% 0.124 111.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#189D5E

Mineral Blue · SeaGreen · Forest Green

HEX
#189D5E
RGB
rgb(24, 157, 94)
HSL
hsl(152, 73%, 35%)
HSB
hsb(152, 85%, 62%)
CMYK
cmyk(85%, 0%, 40%, 38%)
Oklch
oklch(61.4% 0.144 155.7)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#BDA430

Ochre · GoldenRod · Honey Gold

HEX
#BDA430
RGB
rgb(189, 164, 48)
HSL
hsl(49, 59%, 46%)
HSB
hsb(49, 75%, 74%)
CMYK
cmyk(0%, 13%, 75%, 26%)
Oklch
oklch(72.1% 0.133 96.5)

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

#EF7431

Tangerine · Tomato · Warm Sun

HEX
#EF7431
RGB
rgb(239, 116, 49)
HSL
hsl(21, 86%, 56%)
HSB
hsb(21, 79%, 94%)
CMYK
cmyk(0%, 51%, 79%, 6%)
Oklch
oklch(69.4% 0.170 45.9)

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

#FB4A42

Peach Pink · Tomato · Coral Red

HEX
#FB4A42
RGB
rgb(251, 74, 66)
HSL
hsl(3, 96%, 62%)
HSB
hsb(3, 74%, 98%)
CMYK
cmyk(0%, 71%, 74%, 2%)
Oklch
oklch(66.2% 0.215 27.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CED470
7872D5

Analogous

D5AA72
CED470
9DD572

Triadic

CED470
72CED5
D572CE

Split-Comp.

CED470
729DD5
AA72D5

Tetradic

CED470
72D5AA
7872D5
D5729D

Contrast Matrix WCAG 2.1 Contrast

CED470
189D5E
BDA430
EF7431
FB4A42
—
2.2
Fail
1.6
Fail
1.8
Fail
2.2
Fail
2.2
Fail
—
1.4
Fail
1.2
Fail
1.0
Fail
1.6
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
2.2
Fail
1.0
Fail
1.4
Fail
1.2
Fail
—
White BG
1.6Fail
3.5AA Large
2.5Fail
2.9Fail
3.4AA Large
Black BG
13.3AAA
6.0AA
8.5AAA
7.2AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D188
52536D
B2B24C
BAB941
AEAD44

Deuteranopia

D0D08E
4A4071
B4B553
C1CA45
B9C644

Tritanopia

CE9BA0
1F797C
BC6267
E94E51
F24546

Achromatopsia

C7C7C7
6E6E6E
9E9E9E
919191
7E7E7E

Shades & Tints Shades & Tints

#CED470

Dark
Light

#189D5E

Dark
Light

#BDA430

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ced470;
  --color-2: #189d5e;
  --color-3: #bda430;
  --color-4: #ef7431;
  --color-5: #fb4a42;
}

SCSS

$color-1: #ced470;
$color-2: #189d5e;
$color-3: #bda430;
$color-4: #ef7431;
$color-5: #fb4a42;

TAILWIND

colors: {
  'brand-1': '#ced470',
  'brand-2': '#189d5e',
  'brand-3': '#bda430',
  'brand-4': '#ef7431',
  'brand-5': '#fb4a42',
}

RGB Array

[206, 212, 112], [24, 157, 94], [189, 164, 48], [239, 116, 49], [251, 74, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #CED470, #189D5E, #BDA430, #EF7431, #FB4A42 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: #ced470; --color-2: #189d5e; --color-3: #bda430; --color-4: #ef7431; --color-5: #fb4a42. 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