#A3CEE1 + #A3DBDB + #A9E1CF + #C0E2C8 + #CFDBC5 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A3CEE1

Sky Blue · LightBlue · Glacier Blue

HEX

#A3CEE1

RGB

rgb(163, 206, 225)

HSL

hsl(198, 51%, 76%)

HSB

hsb(198, 28%, 88%)

CMYK

cmyk(28%, 8%, 0%, 12%)

Oklch

oklch(82.7% 0.053 226.7)

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

#A3DBDB

Sky Blue · LightBlue · Lake Green

HEX

#A3DBDB

RGB

rgb(163, 219, 219)

HSL

hsl(180, 44%, 75%)

HSB

hsb(180, 26%, 86%)

CMYK

cmyk(26%, 0%, 0%, 14%)

Oklch

oklch(85.3% 0.057 196.1)

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

#A9E1CF

Jade · LightBlue · Glacier Blue

HEX

#A9E1CF

RGB

rgb(169, 225, 207)

HSL

hsl(161, 48%, 77%)

HSB

hsb(161, 25%, 88%)

CMYK

cmyk(25%, 0%, 8%, 12%)

Oklch

oklch(86.6% 0.063 173.0)

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

#C0E2C8

Celadon · LightGray · Mint Green

HEX

#C0E2C8

RGB

rgb(192, 226, 200)

HSL

hsl(134, 37%, 82%)

HSB

hsb(134, 15%, 89%)

CMYK

cmyk(15%, 0%, 12%, 11%)

Oklch

oklch(88.1% 0.050 152.3)

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

#CFDBC5

Celadon · LightGray · Mint Green

HEX

#CFDBC5

RGB

rgb(207, 219, 197)

HSL

hsl(93, 23%, 82%)

HSB

hsb(93, 10%, 86%)

CMYK

cmyk(5%, 0%, 10%, 14%)

Oklch

oklch(87.6% 0.032 130.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3CEE1

E1B5A3

Analogous

A3E1D5

A3CEE1

A3AFE1

Triadic

A3CEE1

E1A3CE

CEE1A3

Split-Comp.

A3CEE1

E1A3AF

E1D5A3

Tetradic

A3CEE1

D5A3E1

E1B5A3

AFE1A3

Contrast Matrix WCAG 2.1 Contrast

A3CEE1	A3DBDB	A9E1CF	C0E2C8	CFDBC5
—	1.1 Fail	1.2 Fail	1.2 Fail	1.2 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.2 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.2 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

1.7Fail

1.5Fail

1.4Fail

Black BG

12.5AAA

13.7AAA

14.4AAA

15.0AAA

14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B6DC

BBBCDB

C1C2D3

CFCFCE

D4D4CA

Deuteranopia

B3B0DB

B8B4DB

BEBAD4

CDCAD0

D4D3CC

Tritanopia

A5D9D8

A6DBDB

ACD7D8

C2D3D4

D0CFCF

Achromatopsia

C3C3C3

CACACA

CECECE

D5D5D5

Shades & Tints Shades & Tints

#A3CEE1

Dark

Light

#A3DBDB

Dark

Light

#A9E1CF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3cee1;
  --color-2: #a3dbdb;
  --color-3: #a9e1cf;
  --color-4: #c0e2c8;
  --color-5: #cfdbc5;
}

SCSS

$color-1: #a3cee1;
$color-2: #a3dbdb;
$color-3: #a9e1cf;
$color-4: #c0e2c8;
$color-5: #cfdbc5;

TAILWIND

colors: {
  'brand-1': '#a3cee1',
  'brand-2': '#a3dbdb',
  'brand-3': '#a9e1cf',
  'brand-4': '#c0e2c8',
  'brand-5': '#cfdbc5',
}

RGB Array

[163, 206, 225], [163, 219, 219], [169, 225, 207], [192, 226, 200], [207, 219, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A3CEE1, #A3DBDB, #A9E1CF, #C0E2C8, #CFDBC5 is ideal for: health products, baby brands, fresh-style blogs. 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: #a3cee1; --color-2: #a3dbdb; --color-3: #a9e1cf; --color-4: #c0e2c8; --color-5: #cfdbc5. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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