← Back to Editor

#FFFFDF · #73CFC0 · #068993 · #001B40 · #F0A590

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

#FFFFDF

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFDF
RGB
rgb(255, 255, 223)
HSL
hsl(60, 100%, 94%)
HSB
hsb(60, 13%, 100%)
CMYK
cmyk(0%, 0%, 13%, 0%)
Oklch
oklch(99.2% 0.042 107.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#73CFC0

Jade · MediumAquaMarine · Lake Green

HEX
#73CFC0
RGB
rgb(115, 207, 192)
HSL
hsl(170, 49%, 63%)
HSB
hsb(170, 44%, 81%)
CMYK
cmyk(44%, 0%, 7%, 19%)
Oklch
oklch(79.3% 0.091 182.2)

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

#068993

Lake Blue · Teal · Mint Ice

HEX
#068993
RGB
rgb(6, 137, 147)
HSL
hsl(184, 92%, 30%)
HSB
hsb(184, 96%, 58%)
CMYK
cmyk(96%, 7%, 0%, 42%)
Oklch
oklch(57.5% 0.097 204.0)

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

#001B40

Indigo · MidnightBlue · Deep Sea Blue

HEX
#001B40
RGB
rgb(0, 27, 64)
HSL
hsl(215, 100%, 13%)
HSB
hsb(215, 100%, 25%)
CMYK
cmyk(100%, 58%, 0%, 75%)
Oklch
oklch(22.8% 0.079 256.2)

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

#F0A590

Peach Pink · LightSalmon · Coral Red

HEX
#F0A590
RGB
rgb(240, 165, 144)
HSL
hsl(13, 76%, 75%)
HSB
hsb(13, 40%, 94%)
CMYK
cmyk(0%, 31%, 40%, 6%)
Oklch
oklch(78.9% 0.094 36.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFDF
E0E0FF

Analogous

FFF0E0
FFFFDF
F0FFE0

Triadic

FFFFDF
E0FFFF
FFE0FF

Split-Comp.

FFFFDF
E0F0FF
F0E0FF

Tetradic

FFFFDF
E0FFF0
E0E0FF
FFE0F0

Contrast Matrix WCAG 2.1 Contrast

FFFFDF
73CFC0
068993
001B40
F0A590
—
1.8
Fail
4.1
AA Large
16.8
AAA
2.0
Fail
1.8
Fail
—
2.3
Fail
9.3
AAA
1.1
Fail
4.1
AA Large
2.3
Fail
—
4.1
AA Large
2.1
Fail
16.8
AAA
9.3
AAA
4.1
AA Large
—
8.5
AAA
2.0
Fail
1.1
Fail
2.1
Fail
8.5
AAA
—
White BG
1.0Fail
1.8Fail
4.2AA Large
17.1AAA
2.0Fail
Black BG
20.6AAA
11.4AAA
5.0AA
1.2Fail
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFE7
9B9CC4
3F4091
0C0C37
D0CF95

Deuteranopia

FFFFE9
968FC4
372D90
0A0835
D4DA96

Tritanopia

FFEDEE
78C6C7
0D8F8E
01302E
EC999A

Achromatopsia

FBFBFB
B2B2B2
636363
171717
B9B9B9

Shades & Tints Shades & Tints

#FFFFDF

Dark
Light

#73CFC0

Dark
Light

#068993

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffdf;
  --color-2: #73cfc0;
  --color-3: #068993;
  --color-4: #001b40;
  --color-5: #f0a590;
}

SCSS

$color-1: #ffffdf;
$color-2: #73cfc0;
$color-3: #068993;
$color-4: #001b40;
$color-5: #f0a590;

TAILWIND

colors: {
  'brand-1': '#ffffdf',
  'brand-2': '#73cfc0',
  'brand-3': '#068993',
  'brand-4': '#001b40',
  'brand-5': '#f0a590',
}

RGB Array

[255, 255, 223], [115, 207, 192], [6, 137, 147], [0, 27, 64], [240, 165, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FFFFDF, #73CFC0, #068993, #001B40, #F0A590 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: #ffffdf; --color-2: #73cfc0; --color-3: #068993; --color-4: #001b40; --color-5: #f0a590. 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