← Back to Editor

#910700 · #C90E04 · #0E0730 · #F2ECD8 · #BEEBDF

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 AppData Visualization

Color Details Color Details

#910700

Vermilion · DarkRed · Wine Red

HEX
#910700
RGB
rgb(145, 7, 0)
HSL
hsl(3, 100%, 28%)
HSB
hsb(3, 100%, 57%)
CMYK
cmyk(0%, 95%, 100%, 43%)
Oklch
oklch(41.5% 0.167 30.0)

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

#C90E04

Vermilion · FireBrick · Wine Red

HEX
#C90E04
RGB
rgb(201, 14, 4)
HSL
hsl(3, 96%, 40%)
HSB
hsb(3, 98%, 79%)
CMYK
cmyk(0%, 93%, 98%, 21%)
Oklch
oklch(52.9% 0.212 29.6)

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

#0E0730

Deep Indigo · Black · Deep Sea Blue

HEX
#0E0730
RGB
rgb(14, 7, 48)
HSL
hsl(250, 75%, 11%)
HSB
hsb(250, 85%, 19%)
CMYK
cmyk(71%, 85%, 0%, 81%)
Oklch
oklch(17.4% 0.077 283.0)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#F2ECD8

Goose Yellow · Beige · Lemon Cream

HEX
#F2ECD8
RGB
rgb(242, 236, 216)
HSL
hsl(46, 50%, 90%)
HSB
hsb(46, 11%, 95%)
CMYK
cmyk(0%, 2%, 11%, 5%)
Oklch
oklch(94.2% 0.027 93.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#BEEBDF

Jade · LightBlue · Glacier Blue

HEX
#BEEBDF
RGB
rgb(190, 235, 223)
HSL
hsl(164, 53%, 83%)
HSB
hsb(164, 19%, 92%)
CMYK
cmyk(19%, 0%, 5%, 8%)
Oklch
oklch(90.5% 0.049 177.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

910700
00888F

Analogous

8F0040
910700
8F4F00

Triadic

910700
008F07
07008F

Split-Comp.

910700
008F4F
00408F

Tetradic

910700
408F00
00888F
4F008F

Contrast Matrix WCAG 2.1 Contrast

910700
C90E04
0E0730
F2ECD8
BEEBDF
—
1.6
Fail
2.0
Fail
8.0
AAA
7.2
AAA
1.6
Fail
—
3.2
AA Large
5.0
AA
4.5
AA
2.0
Fail
3.2
AA Large
—
16.3
AAA
14.8
AAA
8.0
AAA
5.0
AA
16.3
AAA
—
1.1
Fail
7.2
AAA
4.5
AA
14.8
AAA
1.1
Fail
—
White BG
9.4AAA
5.9AA
19.2AAA
1.2Fail
1.3Fail
Black BG
2.2Fail
3.5AA Large
1.1Fail
17.8AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

555402
787606
0B0B26
EFEFDD
D1D2E2

Deuteranopia

5D6802
839107
0B0C24
F0F0DE
CFCCE3

Tritanopia

8A0303
C00809
0E1E1D
F2E1E2
C0E4E5

Achromatopsia

2F2F2F
454545
0E0E0E
ECECEC
DCDCDC

Shades & Tints Shades & Tints

#910700

Dark
Light

#C90E04

Dark
Light

#0E0730

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #910700;
  --color-2: #c90e04;
  --color-3: #0e0730;
  --color-4: #f2ecd8;
  --color-5: #beebdf;
}

SCSS

$color-1: #910700;
$color-2: #c90e04;
$color-3: #0e0730;
$color-4: #f2ecd8;
$color-5: #beebdf;

TAILWIND

colors: {
  'brand-1': '#910700',
  'brand-2': '#c90e04',
  'brand-3': '#0e0730',
  'brand-4': '#f2ecd8',
  'brand-5': '#beebdf',
}

RGB Array

[145, 7, 0], [201, 14, 4], [14, 7, 48], [242, 236, 216], [190, 235, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #910700, #C90E04, #0E0730, #F2ECD8, #BEEBDF is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #910700; --color-2: #c90e04; --color-3: #0e0730; --color-4: #f2ecd8; --color-5: #beebdf. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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