← Back to Editor

#A8CABB · #FAF6E8 · #020D5A · #FF8C1C · #3098A1

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#A8CABB

Jade · Silver · Apple Green

HEX
#A8CABB
RGB
rgb(168, 202, 187)
HSL
hsl(154, 24%, 73%)
HSB
hsb(154, 17%, 79%)
CMYK
cmyk(17%, 0%, 7%, 21%)
Oklch
oklch(81.0% 0.042 166.8)

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

#FAF6E8

Goose Yellow · Linen · Lemon Cream

HEX
#FAF6E8
RGB
rgb(250, 246, 232)
HSL
hsl(47, 64%, 95%)
HSB
hsb(47, 7%, 98%)
CMYK
cmyk(0%, 2%, 7%, 2%)
Oklch
oklch(97.2% 0.019 93.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#020D5A

Indigo · MidnightBlue · Deep Sea Blue

HEX
#020D5A
RGB
rgb(2, 13, 90)
HSL
hsl(233, 96%, 18%)
HSB
hsb(233, 98%, 35%)
CMYK
cmyk(98%, 86%, 0%, 65%)
Oklch
oklch(23.0% 0.134 265.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FF8C1C

Ginger · Orange · Warm Sun

HEX
#FF8C1C
RGB
rgb(255, 140, 28)
HSL
hsl(30, 100%, 55%)
HSB
hsb(30, 89%, 100%)
CMYK
cmyk(0%, 45%, 89%, 0%)
Oklch
oklch(75.1% 0.175 56.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#3098A1

Lake Blue · LightSeaGreen · Mint Ice

HEX
#3098A1
RGB
rgb(48, 152, 161)
HSL
hsl(185, 54%, 41%)
HSB
hsb(185, 70%, 63%)
CMYK
cmyk(70%, 6%, 0%, 37%)
Oklch
oklch(62.5% 0.093 203.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8CABB
CBAAB8

Analogous

AACBAC
A8CABB
AAC8CB

Triadic

A8CABB
BCAACB
CBBCAA

Split-Comp.

A8CABB
CBAAC8
CBACAA

Tetradic

A8CABB
ACAACB
CBAAB8
C8CBAA

Contrast Matrix WCAG 2.1 Contrast

A8CABB
FAF6E8
020D5A
FF8C1C
3098A1
—
1.6
Fail
9.8
AAA
1.3
Fail
1.9
Fail
1.6
Fail
—
16.1
AAA
2.2
Fail
3.2
AA Large
9.8
AAA
16.1
AAA
—
7.5
AAA
5.1
AA
1.3
Fail
2.2
Fail
7.5
AAA
—
1.5
Fail
1.9
Fail
3.2
AA Large
5.1
AA
1.5
Fail
—
White BG
1.8Fail
1.1Fail
17.4AAA
2.3Fail
3.4AA Large
Black BG
11.8AAA
19.4AAA
1.2Fail
9.0AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7BF
F8F8EB
070747
CDCC37
5D5E9F

Deuteranopia

B5B2C0
F9F9EC
060543
D4DD3E
574F9E

Tritanopia

AAC1C2
FAEEEF
033935
F94C51
359D9D

Achromatopsia

BEBEBE
F6F6F6
121212
A2A2A2
7A7A7A

Shades & Tints Shades & Tints

#A8CABB

Dark
Light

#FAF6E8

Dark
Light

#020D5A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8cabb;
  --color-2: #faf6e8;
  --color-3: #020d5a;
  --color-4: #ff8c1c;
  --color-5: #3098a1;
}

SCSS

$color-1: #a8cabb;
$color-2: #faf6e8;
$color-3: #020d5a;
$color-4: #ff8c1c;
$color-5: #3098a1;

TAILWIND

colors: {
  'brand-1': '#a8cabb',
  'brand-2': '#faf6e8',
  'brand-3': '#020d5a',
  'brand-4': '#ff8c1c',
  'brand-5': '#3098a1',
}

RGB Array

[168, 202, 187], [250, 246, 232], [2, 13, 90], [255, 140, 28], [48, 152, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A8CABB, #FAF6E8, #020D5A, #FF8C1C, #3098A1 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a8cabb; --color-2: #faf6e8; --color-3: #020d5a; --color-4: #ff8c1c; --color-5: #3098a1. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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