← Back to Editor

#63050B · #A51D56 · #9E989D · #95BFB5 · #BCE8CD

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#63050B

Vermilion · Maroon · Deep Berry

HEX
#63050B
RGB
rgb(99, 5, 11)
HSL
hsl(356, 90%, 20%)
HSB
hsb(356, 95%, 39%)
CMYK
cmyk(0%, 95%, 89%, 61%)
Oklch
oklch(31.8% 0.124 25.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#A51D56

Dark Violet · Brown · Camellia

HEX
#A51D56
RGB
rgb(165, 29, 86)
HSL
hsl(335, 70%, 38%)
HSB
hsb(335, 82%, 65%)
CMYK
cmyk(0%, 82%, 48%, 35%)
Oklch
oklch(48.0% 0.174 1.9)

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

#9E989D

Ash · DarkGray · Silver Sand

HEX
#9E989D
RGB
rgb(158, 152, 157)
HSL
hsl(310, 3%, 61%)
HSB
hsb(310, 4%, 62%)
CMYK
cmyk(0%, 4%, 1%, 38%)
Oklch
oklch(68.6% 0.010 331.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#95BFB5

Jade · DarkGray · Lake Green

HEX
#95BFB5
RGB
rgb(149, 191, 181)
HSL
hsl(166, 25%, 67%)
HSB
hsb(166, 22%, 75%)
CMYK
cmyk(22%, 0%, 5%, 25%)
Oklch
oklch(77.1% 0.047 178.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#BCE8CD

Celadon · LightGray · Mint Green

HEX
#BCE8CD
RGB
rgb(188, 232, 205)
HSL
hsl(143, 49%, 82%)
HSB
hsb(143, 19%, 91%)
CMYK
cmyk(19%, 0%, 12%, 9%)
Oklch
oklch(89.3% 0.059 158.0)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

63050B
05615B

Analogous

610539
63050B
612D05

Triadic

63050B
0B6105
050B61

Split-Comp.

63050B
05612D
053961

Tetradic

63050B
396105
05615B
2D0561

Contrast Matrix WCAG 2.1 Contrast

63050B
A51D56
9E989D
95BFB5
BCE8CD
—
1.9
Fail
4.8
AA
6.7
AA
10.0
AAA
1.9
Fail
—
2.6
Fail
3.6
AA Large
5.3
AA
4.8
AA
2.6
Fail
—
1.4
Fail
2.1
Fail
6.7
AA
3.6
AA Large
1.4
Fail
—
1.5
Fail
10.0
AAA
5.3
AA
2.1
Fail
1.5
Fail
—
White BG
13.5AAA
7.2AAA
2.8Fail
2.0Fail
1.3Fail
Black BG
1.6Fail
2.9Fail
7.4AAA
10.4AAA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A390A
6A6948
9B9B9C
A7A8B7
CFCFD4

Deuteranopia

404709
727C45
9C9C9C
A5A2B8
CDC9D5

Tritanopia

5E0808
9E3D3B
9E9B9B
97B9BA
BED9DA

Achromatopsia

222222
4C4C4C
9A9A9A
B1B1B1
D8D8D8

Shades & Tints Shades & Tints

#63050B

Dark
Light

#A51D56

Dark
Light

#9E989D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #63050b;
  --color-2: #a51d56;
  --color-3: #9e989d;
  --color-4: #95bfb5;
  --color-5: #bce8cd;
}

SCSS

$color-1: #63050b;
$color-2: #a51d56;
$color-3: #9e989d;
$color-4: #95bfb5;
$color-5: #bce8cd;

TAILWIND

colors: {
  'brand-1': '#63050b',
  'brand-2': '#a51d56',
  'brand-3': '#9e989d',
  'brand-4': '#95bfb5',
  'brand-5': '#bce8cd',
}

RGB Array

[99, 5, 11], [165, 29, 86], [158, 152, 157], [149, 191, 181], [188, 232, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #63050B, #A51D56, #9E989D, #95BFB5, #BCE8CD is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #63050b; --color-2: #a51d56; --color-3: #9e989d; --color-4: #95bfb5; --color-5: #bce8cd. 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 tech, SaaS, healthcare, eco industries. 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