← Back to Editor

#BD7251 · #C91108 · #F13B3B · #D69373 · #EAAF88

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

#BD7251

Tangerine · Chocolate · Warm Sun

HEX
#BD7251
RGB
rgb(189, 114, 81)
HSL
hsl(18, 45%, 53%)
HSB
hsb(18, 57%, 74%)
CMYK
cmyk(0%, 40%, 57%, 26%)
Oklch
oklch(62.7% 0.106 44.1)

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

#C91108

Vermilion · FireBrick · Passion Red

HEX
#C91108
RGB
rgb(201, 17, 8)
HSL
hsl(3, 92%, 41%)
HSB
hsb(3, 96%, 79%)
CMYK
cmyk(0%, 92%, 96%, 21%)
Oklch
oklch(53.0% 0.211 29.4)

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

#F13B3B

Vermilion · Tomato · Passion Red

HEX
#F13B3B
RGB
rgb(241, 59, 59)
HSL
hsl(0, 87%, 59%)
HSB
hsb(0, 76%, 95%)
CMYK
cmyk(0%, 76%, 76%, 5%)
Oklch
oklch(63.1% 0.218 26.1)

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

#D69373

Apricot · DarkSalmon · Warm Sun

HEX
#D69373
RGB
rgb(214, 147, 115)
HSL
hsl(19, 55%, 65%)
HSB
hsb(19, 46%, 84%)
CMYK
cmyk(0%, 31%, 46%, 16%)
Oklch
oklch(72.2% 0.093 46.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EAAF88

Apricot · BurlyWood · Warm Sun

HEX
#EAAF88
RGB
rgb(234, 175, 136)
HSL
hsl(24, 70%, 73%)
HSB
hsb(24, 42%, 92%)
CMYK
cmyk(0%, 25%, 42%, 8%)
Oklch
oklch(80.0% 0.087 54.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD7251
519DBD

Analogous

BD5167
BD7251
BDA851

Triadic

BD7251
51BD72
7251BD

Split-Comp.

BD7251
51BDA8
5167BD

Tetradic

BD7251
67BD51
519DBD
A851BD

Contrast Matrix WCAG 2.1 Contrast

BD7251
C91108
F13B3B
D69373
EAAF88
—
1.6
Fail
1.0
Fail
1.5
Fail
1.9
Fail
1.6
Fail
—
1.5
Fail
2.3
Fail
3.1
AA Large
1.0
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
1.5
Fail
2.3
Fail
1.5
Fail
—
1.3
Fail
1.9
Fail
3.1
AA Large
2.0
Fail
1.3
Fail
—
White BG
3.7AA Large
5.9AA
3.9AA Large
2.5Fail
1.9Fail
Black BG
5.7AA
3.6AA Large
5.4AA
8.3AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9C59
79780A
A2A13B
B9B87B
D0D091

Deuteranopia

A1A65B
84920B
ADBA3B
BDC27D
D4D894

Tritanopia

B95F61
C00C0C
E83B3B
D38182
E7999B

Achromatopsia

858585
474747
717171
A3A3A3
BCBCBC

Shades & Tints Shades & Tints

#BD7251

Dark
Light

#C91108

Dark
Light

#F13B3B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd7251;
  --color-2: #c91108;
  --color-3: #f13b3b;
  --color-4: #d69373;
  --color-5: #eaaf88;
}

SCSS

$color-1: #bd7251;
$color-2: #c91108;
$color-3: #f13b3b;
$color-4: #d69373;
$color-5: #eaaf88;

TAILWIND

colors: {
  'brand-1': '#bd7251',
  'brand-2': '#c91108',
  'brand-3': '#f13b3b',
  'brand-4': '#d69373',
  'brand-5': '#eaaf88',
}

RGB Array

[189, 114, 81], [201, 17, 8], [241, 59, 59], [214, 147, 115], [234, 175, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #BD7251, #C91108, #F13B3B, #D69373, #EAAF88 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: #bd7251; --color-2: #c91108; --color-3: #f13b3b; --color-4: #d69373; --color-5: #eaaf88. 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