← Back to Editor

#ABE9F7 · #94E1F2 · #66C4D9 · #58B7CC · #72584B

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

#ABE9F7

Sky Blue · LightBlue · Glacier Blue

HEX
#ABE9F7
RGB
rgb(171, 233, 247)
HSL
hsl(191, 83%, 82%)
HSB
hsb(191, 31%, 97%)
CMYK
cmyk(31%, 6%, 0%, 3%)
Oklch
oklch(89.7% 0.065 213.2)

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

#94E1F2

Sky Blue · SkyBlue · Glacier Blue

HEX
#94E1F2
RGB
rgb(148, 225, 242)
HSL
hsl(191, 78%, 76%)
HSB
hsb(191, 39%, 95%)
CMYK
cmyk(39%, 7%, 0%, 5%)
Oklch
oklch(86.6% 0.079 213.1)

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

#66C4D9

Sky Blue · MediumTurquoise · Lake Green

HEX
#66C4D9
RGB
rgb(102, 196, 217)
HSL
hsl(191, 60%, 63%)
HSB
hsb(191, 53%, 85%)
CMYK
cmyk(53%, 10%, 0%, 15%)
Oklch
oklch(77.1% 0.094 214.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#58B7CC

Lake Blue · MediumTurquoise · Lake Green

HEX
#58B7CC
RGB
rgb(88, 183, 204)
HSL
hsl(191, 53%, 57%)
HSB
hsb(191, 57%, 80%)
CMYK
cmyk(57%, 10%, 0%, 20%)
Oklch
oklch(73.0% 0.094 214.2)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#72584B

Tangerine · DimGray · Amber Brown

HEX
#72584B
RGB
rgb(114, 88, 75)
HSL
hsl(20, 21%, 37%)
HSB
hsb(20, 34%, 45%)
CMYK
cmyk(0%, 23%, 34%, 55%)
Oklch
oklch(48.3% 0.040 47.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ABE9F7
F7B9AB

Analogous

ABF7DF
ABE9F7
ABC3F7

Triadic

ABE9F7
F7ABE9
E9F7AB

Split-Comp.

ABE9F7
F7ABC3
F7DFAB

Tetradic

ABE9F7
DFABF7
F7B9AB
C3F7AB

Contrast Matrix WCAG 2.1 Contrast

ABE9F7
94E1F2
66C4D9
58B7CC
72584B
—
1.1
Fail
1.5
Fail
1.7
Fail
4.9
AA
1.1
Fail
—
1.4
Fail
1.6
Fail
4.5
AA Large
1.5
Fail
1.4
Fail
—
1.2
Fail
3.3
AA Large
1.7
Fail
1.6
Fail
1.2
Fail
—
2.8
Fail
4.9
AA
4.5
AA Large
3.3
AA Large
2.8
Fail
—
White BG
1.3Fail
1.5Fail
2.0Fail
2.3Fail
6.5AA
Black BG
15.7AAA
14.3AAA
10.5AAA
9.1AAA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6F4
B5B6EE
8F90D4
8182C7
67674E

Deuteranopia

C2BEF3
B1ABED
8982D3
7C75C6
686A4F

Tritanopia

AEF1F0
98EBEA
6BD0CF
5DC3C2
715151

Achromatopsia

D8D8D8
CCCCCC
AAAAAA
9D9D9D
5E5E5E

Shades & Tints Shades & Tints

#ABE9F7

Dark
Light

#94E1F2

Dark
Light

#66C4D9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #abe9f7;
  --color-2: #94e1f2;
  --color-3: #66c4d9;
  --color-4: #58b7cc;
  --color-5: #72584b;
}

SCSS

$color-1: #abe9f7;
$color-2: #94e1f2;
$color-3: #66c4d9;
$color-4: #58b7cc;
$color-5: #72584b;

TAILWIND

colors: {
  'brand-1': '#abe9f7',
  'brand-2': '#94e1f2',
  'brand-3': '#66c4d9',
  'brand-4': '#58b7cc',
  'brand-5': '#72584b',
}

RGB Array

[171, 233, 247], [148, 225, 242], [102, 196, 217], [88, 183, 204], [114, 88, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #ABE9F7, #94E1F2, #66C4D9, #58B7CC, #72584B 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: #abe9f7; --color-2: #94e1f2; --color-3: #66c4d9; --color-4: #58b7cc; --color-5: #72584b. 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