← Back to Editor

#006F7B · #EF5443 · #FFA563 · #B2D6A4 · #F9ECD4

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

#006F7B

Lake Blue · Teal · Peacock Green

HEX
#006F7B
RGB
rgb(0, 111, 123)
HSL
hsl(186, 100%, 24%)
HSB
hsb(186, 100%, 48%)
CMYK
cmyk(100%, 10%, 0%, 52%)
Oklch
oklch(49.5% 0.085 207.8)

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

#EF5443

Vermilion · Tomato · Passion Red

HEX
#EF5443
RGB
rgb(239, 84, 67)
HSL
hsl(6, 84%, 60%)
HSB
hsb(6, 72%, 94%)
CMYK
cmyk(0%, 65%, 72%, 6%)
Oklch
oklch(65.3% 0.194 29.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FFA563

Apricot · SandyBrown · Warm Sun

HEX
#FFA563
RGB
rgb(255, 165, 99)
HSL
hsl(25, 100%, 69%)
HSB
hsb(25, 61%, 100%)
CMYK
cmyk(0%, 35%, 61%, 0%)
Oklch
oklch(79.9% 0.135 55.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#B2D6A4

Celadon · Silver · Apple Green

HEX
#B2D6A4
RGB
rgb(178, 214, 164)
HSL
hsl(103, 38%, 74%)
HSB
hsb(103, 23%, 84%)
CMYK
cmyk(17%, 0%, 23%, 16%)
Oklch
oklch(83.7% 0.078 137.0)

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

#F9ECD4

Goose Yellow · Beige · Peach Orange

HEX
#F9ECD4
RGB
rgb(249, 236, 212)
HSL
hsl(39, 76%, 90%)
HSB
hsb(39, 15%, 98%)
CMYK
cmyk(0%, 5%, 15%, 2%)
Oklch
oklch(94.7% 0.035 82.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

006F7B
7A0C00

Analogous

007A49
006F7B
00317A

Triadic

006F7B
7A006E
6E7A00

Split-Comp.

006F7B
7A0031
7A4900

Tetradic

006F7B
49007A
7A0C00
317A00

Contrast Matrix WCAG 2.1 Contrast

006F7B
EF5443
FFA563
B2D6A4
F9ECD4
—
1.7
Fail
3.0
AA Large
3.7
AA Large
5.0
AA
1.7
Fail
—
1.8
Fail
2.2
Fail
3.0
Fail
3.0
AA Large
1.8
Fail
—
1.2
Fail
1.7
Fail
3.7
AA Large
2.2
Fail
1.2
Fail
—
1.4
Fail
5.0
AA
3.0
Fail
1.7
Fail
1.4
Fail
—
White BG
5.9AA
3.5AA Large
1.9Fail
1.6Fail
1.2Fail
Black BG
3.6AA Large
6.0AA
10.8AAA
13.0AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

303178
ACAA47
D8D773
C2C2B0
F3F3DA

Deuteranopia

2A2177
B5C048
DDE477
C0BDB3
F4F5DB

Tritanopia

067675
E74A4B
FB8082
B4BABC
F8DEDF

Achromatopsia

4F4F4F
808080
B8B8B8
C6C6C6
EDEDED

Shades & Tints Shades & Tints

#006F7B

Dark
Light

#EF5443

Dark
Light

#FFA563

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #006f7b;
  --color-2: #ef5443;
  --color-3: #ffa563;
  --color-4: #b2d6a4;
  --color-5: #f9ecd4;
}

SCSS

$color-1: #006f7b;
$color-2: #ef5443;
$color-3: #ffa563;
$color-4: #b2d6a4;
$color-5: #f9ecd4;

TAILWIND

colors: {
  'brand-1': '#006f7b',
  'brand-2': '#ef5443',
  'brand-3': '#ffa563',
  'brand-4': '#b2d6a4',
  'brand-5': '#f9ecd4',
}

RGB Array

[0, 111, 123], [239, 84, 67], [255, 165, 99], [178, 214, 164], [249, 236, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #006F7B, #EF5443, #FFA563, #B2D6A4, #F9ECD4 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: #006f7b; --color-2: #ef5443; --color-3: #ffa563; --color-4: #b2d6a4; --color-5: #f9ecd4. 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