← Back to Editor

#72F1CD · #85B4CC · #9778CC · #AA3BCB · #3F3C40

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#72F1CD

Jade · SkyBlue · Lake Green

HEX
#72F1CD
RGB
rgb(114, 241, 205)
HSL
hsl(163, 82%, 70%)
HSB
hsb(163, 53%, 95%)
CMYK
cmyk(53%, 0%, 15%, 5%)
Oklch
oklch(87.6% 0.125 172.2)

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

#85B4CC

Sky Blue · SkyBlue · Cobalt Blue

HEX
#85B4CC
RGB
rgb(133, 180, 204)
HSL
hsl(200, 41%, 66%)
HSB
hsb(200, 35%, 80%)
CMYK
cmyk(35%, 12%, 0%, 20%)
Oklch
oklch(74.5% 0.061 230.8)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#9778CC

Wisteria · MediumSlateBlue · Lilac Purple

HEX
#9778CC
RGB
rgb(151, 120, 204)
HSL
hsl(262, 45%, 64%)
HSB
hsb(262, 41%, 80%)
CMYK
cmyk(26%, 41%, 0%, 20%)
Oklch
oklch(63.6% 0.126 299.8)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#AA3BCB

Royal Purple · DarkOrchid · Violet

HEX
#AA3BCB
RGB
rgb(170, 59, 203)
HSL
hsl(286, 58%, 51%)
HSB
hsb(286, 71%, 80%)
CMYK
cmyk(16%, 71%, 0%, 20%)
Oklch
oklch(57.1% 0.222 317.3)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#3F3C40

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3F3C40
RGB
rgb(63, 60, 64)
HSL
hsl(285, 3%, 24%)
HSB
hsb(285, 6%, 25%)
CMYK
cmyk(2%, 6%, 0%, 75%)
Oklch
oklch(36.1% 0.008 317.7)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

72F1CD
F17497

Analogous

74F18F
72F1CD
74D6F1

Triadic

72F1CD
CE74F1
F1CE74

Split-Comp.

72F1CD
F174D6
F18F74

Tetradic

72F1CD
8F74F1
F17497
D6F174

Contrast Matrix WCAG 2.1 Contrast

72F1CD
85B4CC
9778CC
AA3BCB
3F3C40
—
1.6
Fail
2.6
Fail
3.6
AA Large
7.9
AAA
1.6
Fail
—
1.6
Fail
2.2
Fail
4.9
AA
2.6
Fail
1.6
Fail
—
1.4
Fail
3.0
AA Large
3.6
AA Large
2.2
Fail
1.4
Fail
—
2.2
Fail
7.9
AAA
4.9
AA
3.0
AA Large
2.2
Fail
—
White BG
1.4Fail
2.2Fail
3.6AA Large
5.0AA
10.9AAA
Black BG
15.2AAA
9.4AAA
5.9AA
4.2AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9AAD6
999AC6
8A89B8
7A79A8
3E3E3F

Deuteranopia

A298D8
9793C5
8B8EB3
8089A0
3E3E3F

Tritanopia

78DDDE
87C2C1
95A8A4
A48D87
3F3E3E

Achromatopsia

C7C7C7
A9A9A9
8B8B8B
6D6D6D
3D3D3D

Shades & Tints Shades & Tints

#72F1CD

Dark
Light

#85B4CC

Dark
Light

#9778CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #72f1cd;
  --color-2: #85b4cc;
  --color-3: #9778cc;
  --color-4: #aa3bcb;
  --color-5: #3f3c40;
}

SCSS

$color-1: #72f1cd;
$color-2: #85b4cc;
$color-3: #9778cc;
$color-4: #aa3bcb;
$color-5: #3f3c40;

TAILWIND

colors: {
  'brand-1': '#72f1cd',
  'brand-2': '#85b4cc',
  'brand-3': '#9778cc',
  'brand-4': '#aa3bcb',
  'brand-5': '#3f3c40',
}

RGB Array

[114, 241, 205], [133, 180, 204], [151, 120, 204], [170, 59, 203], [63, 60, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #72F1CD, #85B4CC, #9778CC, #AA3BCB, #3F3C40 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: #72f1cd; --color-2: #85b4cc; --color-3: #9778cc; --color-4: #aa3bcb; --color-5: #3f3c40. 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