← Back to Editor

#ADD4D9 · #7B95A6 · #464959 · #261720 · #590C1B

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

#ADD4D9

Sky Blue · LightBlue · Glacier Blue

HEX
#ADD4D9
RGB
rgb(173, 212, 217)
HSL
hsl(187, 37%, 76%)
HSB
hsb(187, 20%, 85%)
CMYK
cmyk(20%, 2%, 0%, 15%)
Oklch
oklch(84.4% 0.042 206.0)

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

#7B95A6

Slate Blue · LightSlateGray · Navy Blue

HEX
#7B95A6
RGB
rgb(123, 149, 166)
HSL
hsl(204, 19%, 57%)
HSB
hsb(204, 26%, 65%)
CMYK
cmyk(26%, 10%, 0%, 35%)
Oklch
oklch(65.6% 0.039 236.9)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#464959

Indigo · DarkSlateGray · Prussian Blue

HEX
#464959
RGB
rgb(70, 73, 89)
HSL
hsl(231, 12%, 31%)
HSB
hsb(231, 21%, 35%)
CMYK
cmyk(21%, 18%, 0%, 65%)
Oklch
oklch(40.9% 0.027 276.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#261720

Rose Purple · Black · Raspberry

HEX
#261720
RGB
rgb(38, 23, 32)
HSL
hsl(324, 25%, 12%)
HSB
hsb(324, 39%, 15%)
CMYK
cmyk(0%, 39%, 16%, 85%)
Oklch
oklch(22.8% 0.029 342.9)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#590C1B

Vermilion · Maroon · Deep Berry

HEX
#590C1B
RGB
rgb(89, 12, 27)
HSL
hsl(348, 76%, 20%)
HSB
hsb(348, 87%, 35%)
CMYK
cmyk(0%, 87%, 70%, 65%)
Oklch
oklch(30.5% 0.108 16.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADD4D9
D8B0AB

Analogous

ABD8C7
ADD4D9
ABBDD8

Triadic

ADD4D9
D8ABD3
D3D8AB

Split-Comp.

ADD4D9
D8ABBD
D8C7AB

Tetradic

ADD4D9
C7ABD8
D8B0AB
BDD8AB

Contrast Matrix WCAG 2.1 Contrast

ADD4D9
7B95A6
464959
261720
590C1B
—
2.0
Fail
5.6
AA
10.8
AAA
8.8
AAA
2.0
Fail
—
2.8
Fail
5.5
AA
4.5
AA Large
5.6
AA
2.8
Fail
—
1.9
Fail
1.6
Fail
10.8
AAA
5.5
AA
1.9
Fail
—
1.2
Fail
8.8
AAA
4.5
AA Large
1.6
Fail
1.2
Fail
—
White BG
1.6Fail
3.1AA Large
8.9AAA
17.1AAA
14.1AAA
Black BG
13.2AAA
6.7AA
2.4Fail
1.2Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBED8
8686A2
474755
201F1E
383717

Deuteranopia

BCB9D7
8583A1
474754
20221D
3C4217

Tritanopia

AFD7D7
7C9F9E
465251
251C1C
551514

Achromatopsia

C9C9C9
8F8F8F
4A4A4A
1D1D1D
252525

Shades & Tints Shades & Tints

#ADD4D9

Dark
Light

#7B95A6

Dark
Light

#464959

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #add4d9;
  --color-2: #7b95a6;
  --color-3: #464959;
  --color-4: #261720;
  --color-5: #590c1b;
}

SCSS

$color-1: #add4d9;
$color-2: #7b95a6;
$color-3: #464959;
$color-4: #261720;
$color-5: #590c1b;

TAILWIND

colors: {
  'brand-1': '#add4d9',
  'brand-2': '#7b95a6',
  'brand-3': '#464959',
  'brand-4': '#261720',
  'brand-5': '#590c1b',
}

RGB Array

[173, 212, 217], [123, 149, 166], [70, 73, 89], [38, 23, 32], [89, 12, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #ADD4D9, #7B95A6, #464959, #261720, #590C1B is ideal for: tech websites, dark mode UIs, game UIs, 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: #add4d9; --color-2: #7b95a6; --color-3: #464959; --color-4: #261720; --color-5: #590c1b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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