← Back to Editor

#B1CE23 · #C3A736 · #CF9543 · #D65138 · #EA1202

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

#B1CE23

Grass Green · GreenYellow · Olive Green

HEX
#B1CE23
RGB
rgb(177, 206, 35)
HSL
hsl(70, 71%, 47%)
HSB
hsb(70, 83%, 81%)
CMYK
cmyk(14%, 0%, 83%, 19%)
Oklch
oklch(80.2% 0.181 119.7)

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

#C3A736

Ochre · GoldenRod · Honey Gold

HEX
#C3A736
RGB
rgb(195, 167, 54)
HSL
hsl(48, 57%, 49%)
HSB
hsb(48, 72%, 76%)
CMYK
cmyk(0%, 14%, 72%, 24%)
Oklch
oklch(73.3% 0.132 94.7)

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

#CF9543

Ginger · GoldenRod · Warm Sun

HEX
#CF9543
RGB
rgb(207, 149, 67)
HSL
hsl(35, 59%, 54%)
HSB
hsb(35, 68%, 81%)
CMYK
cmyk(0%, 28%, 68%, 19%)
Oklch
oklch(71.1% 0.120 73.0)

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

#D65138

Vermilion · Chocolate · Passion Red

HEX
#D65138
RGB
rgb(214, 81, 56)
HSL
hsl(9, 66%, 53%)
HSB
hsb(9, 74%, 84%)
CMYK
cmyk(0%, 62%, 74%, 16%)
Oklch
oklch(60.9% 0.172 32.7)

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

#EA1202

Vermilion · Red · Passion Red

HEX
#EA1202
RGB
rgb(234, 18, 2)
HSL
hsl(4, 98%, 46%)
HSB
hsb(4, 99%, 92%)
CMYK
cmyk(0%, 92%, 99%, 8%)
Oklch
oklch(59.2% 0.238 29.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1CE23
3F23CD

Analogous

CD9423
B1CE23
5BCD23

Triadic

B1CE23
23B1CD
CD23B1

Split-Comp.

B1CE23
235BCD
9423CD

Tetradic

B1CE23
23CD94
3F23CD
CD235B

Contrast Matrix WCAG 2.1 Contrast

B1CE23
C3A736
CF9543
D65138
EA1202
—
1.3
Fail
1.5
Fail
2.3
Fail
2.6
Fail
1.3
Fail
—
1.1
Fail
1.7
Fail
1.9
Fail
1.5
Fail
1.1
Fail
—
1.6
Fail
1.8
Fail
2.3
Fail
1.7
Fail
1.6
Fail
—
1.1
Fail
2.6
Fail
1.9
Fail
1.8
Fail
1.1
Fail
—
White BG
1.8Fail
2.4Fail
2.6Fail
4.1AA Large
4.6AA
Black BG
11.7AAA
8.9AAA
8.0AAA
5.1AA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBE4C
B7B751
B6B557
9C9B3E
8C8B06

Deuteranopia

BCBA56
B9BB58
B9BE5C
A4AE40
99A907

Tritanopia

B26D74
C2676C
CC676A
CF4344
DF090A

Achromatopsia

B2B2B2
A2A2A2
9D9D9D
767676
515151

Shades & Tints Shades & Tints

#B1CE23

Dark
Light

#C3A736

Dark
Light

#CF9543

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1ce23;
  --color-2: #c3a736;
  --color-3: #cf9543;
  --color-4: #d65138;
  --color-5: #ea1202;
}

SCSS

$color-1: #b1ce23;
$color-2: #c3a736;
$color-3: #cf9543;
$color-4: #d65138;
$color-5: #ea1202;

TAILWIND

colors: {
  'brand-1': '#b1ce23',
  'brand-2': '#c3a736',
  'brand-3': '#cf9543',
  'brand-4': '#d65138',
  'brand-5': '#ea1202',
}

RGB Array

[177, 206, 35], [195, 167, 54], [207, 149, 67], [214, 81, 56], [234, 18, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B1CE23, #C3A736, #CF9543, #D65138, #EA1202 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: #b1ce23; --color-2: #c3a736; --color-3: #cf9543; --color-4: #d65138; --color-5: #ea1202. 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