← Back to Editor

#1693A5 · #45B5C4 · #7ECECA · #A0DED6 · #C7EDE8

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

#1693A5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1693A5
RGB
rgb(22, 147, 165)
HSL
hsl(188, 76%, 37%)
HSB
hsb(188, 87%, 65%)
CMYK
cmyk(87%, 11%, 0%, 35%)
Oklch
oklch(61.0% 0.102 210.5)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#45B5C4

Lake Blue · MediumTurquoise · Lake Green

HEX
#45B5C4
RGB
rgb(69, 181, 196)
HSL
hsl(187, 52%, 52%)
HSB
hsb(187, 65%, 77%)
CMYK
cmyk(65%, 8%, 0%, 23%)
Oklch
oklch(71.6% 0.102 207.6)

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

#7ECECA

Jade · SkyBlue · Lake Green

HEX
#7ECECA
RGB
rgb(126, 206, 202)
HSL
hsl(177, 45%, 65%)
HSB
hsb(177, 39%, 81%)
CMYK
cmyk(39%, 0%, 2%, 19%)
Oklch
oklch(79.9% 0.079 191.6)

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

#A0DED6

Jade · LightBlue · Lake Green

HEX
#A0DED6
RGB
rgb(160, 222, 214)
HSL
hsl(172, 48%, 75%)
HSB
hsb(172, 28%, 87%)
CMYK
cmyk(28%, 0%, 4%, 13%)
Oklch
oklch(85.6% 0.064 186.1)

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

#C7EDE8

Jade · LightBlue · Glacier Blue

HEX
#C7EDE8
RGB
rgb(199, 237, 232)
HSL
hsl(172, 51%, 85%)
HSB
hsb(172, 16%, 93%)
CMYK
cmyk(16%, 0%, 2%, 7%)
Oklch
oklch(91.8% 0.040 186.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1693A5
A62A17

Analogous

17A671
1693A5
174BA6

Triadic

1693A5
A61793
93A617

Split-Comp.

1693A5
A6174B
A67117

Tetradic

1693A5
7117A6
A62A17
4BA617

Contrast Matrix WCAG 2.1 Contrast

1693A5
45B5C4
7ECECA
A0DED6
C7EDE8
—
1.5
Fail
2.0
Fail
2.4
Fail
2.9
Fail
1.5
Fail
—
1.3
Fail
1.6
Fail
1.9
Fail
2.0
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
2.4
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
2.9
Fail
1.9
Fail
1.4
Fail
1.2
Fail
—
White BG
3.7AA Large
2.4Fail
1.8Fail
1.5Fail
1.3Fail
Black BG
5.8AA
8.7AAA
11.6AAA
13.9AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4DA1
7577C0
A1A1CB
BBBBD8
D7D8E9

Deuteranopia

453CA0
6F67C0
9C96CB
B7B3D8
D5D2E9

Tritanopia

1C9D9C
4BBEBD
82CCCC
A3D9DA
C9EAEA

Achromatopsia

707070
959595
B6B6B6
CBCBCB
E1E1E1

Shades & Tints Shades & Tints

#1693A5

Dark
Light

#45B5C4

Dark
Light

#7ECECA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1693a5;
  --color-2: #45b5c4;
  --color-3: #7ececa;
  --color-4: #a0ded6;
  --color-5: #c7ede8;
}

SCSS

$color-1: #1693a5;
$color-2: #45b5c4;
$color-3: #7ececa;
$color-4: #a0ded6;
$color-5: #c7ede8;

TAILWIND

colors: {
  'brand-1': '#1693a5',
  'brand-2': '#45b5c4',
  'brand-3': '#7ececa',
  'brand-4': '#a0ded6',
  'brand-5': '#c7ede8',
}

RGB Array

[22, 147, 165], [69, 181, 196], [126, 206, 202], [160, 222, 214], [199, 237, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #1693A5, #45B5C4, #7ECECA, #A0DED6, #C7EDE8 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: #1693a5; --color-2: #45b5c4; --color-3: #7ececa; --color-4: #a0ded6; --color-5: #c7ede8. 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