← Back to Editor

#DAF0D6 · #B30814 · #D60424 · #A8C09E · #066273

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

#DAF0D6

Celadon · Beige · Mint Green

HEX
#DAF0D6
RGB
rgb(218, 240, 214)
HSL
hsl(111, 46%, 89%)
HSB
hsb(111, 11%, 94%)
CMYK
cmyk(9%, 0%, 11%, 6%)
Oklch
oklch(93.2% 0.042 140.9)

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

#B30814

Vermilion · FireBrick · Wine Red

HEX
#B30814
RGB
rgb(179, 8, 20)
HSL
hsl(356, 91%, 37%)
HSB
hsb(356, 96%, 70%)
CMYK
cmyk(0%, 96%, 89%, 30%)
Oklch
oklch(48.5% 0.194 27.0)

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

#D60424

Vermilion · Crimson · Passion Red

HEX
#D60424
RGB
rgb(214, 4, 36)
HSL
hsl(351, 96%, 43%)
HSB
hsb(351, 98%, 84%)
CMYK
cmyk(0%, 98%, 83%, 16%)
Oklch
oklch(55.3% 0.223 24.9)

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

#A8C09E

Celadon · DarkGray · Apple Green

HEX
#A8C09E
RGB
rgb(168, 192, 158)
HSL
hsl(102, 21%, 69%)
HSB
hsb(102, 18%, 75%)
CMYK
cmyk(13%, 0%, 18%, 25%)
Oklch
oklch(78.0% 0.054 136.5)

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

#066273

Lake Blue · Teal · Peacock Green

HEX
#066273
RGB
rgb(6, 98, 115)
HSL
hsl(189, 90%, 24%)
HSB
hsb(189, 95%, 45%)
CMYK
cmyk(95%, 15%, 0%, 55%)
Oklch
oklch(45.7% 0.079 215.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAF0D6
ECD6F0

Analogous

E7F0D6
DAF0D6
D6F0DF

Triadic

DAF0D6
D6DAF0
F0D6DA

Split-Comp.

DAF0D6
DFD6F0
F0D6E7

Tetradic

DAF0D6
D6E7F0
ECD6F0
F0DFD6

Contrast Matrix WCAG 2.1 Contrast

DAF0D6
B30814
D60424
A8C09E
066273
—
5.9
AA
4.5
AA Large
1.6
Fail
5.8
AA
5.9
AA
—
1.3
Fail
3.6
AA Large
1.0
Fail
4.5
AA Large
1.3
Fail
—
2.7
Fail
1.3
Fail
1.6
Fail
3.6
AA Large
2.7
Fail
—
3.6
AA Large
5.8
AA
1.0
Fail
1.3
Fail
3.6
AA Large
—
White BG
1.2Fail
7.1AAA
5.4AA
2.0Fail
7.0AA
Black BG
17.4AAA
3.0Fail
3.9AA Large
10.7AAA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4DC
696711
7B791C
B2B3A6
2E2F6F

Deuteranopia

E2E1DE
738010
87971A
B1AFA8
29226E

Tritanopia

DBE1E2
AA0F0E
CB1615
A9ADAE
0B6C6B

Achromatopsia

E6E6E6
3C3C3C
464646
B5B5B5
484848

Shades & Tints Shades & Tints

#DAF0D6

Dark
Light

#B30814

Dark
Light

#D60424

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #daf0d6;
  --color-2: #b30814;
  --color-3: #d60424;
  --color-4: #a8c09e;
  --color-5: #066273;
}

SCSS

$color-1: #daf0d6;
$color-2: #b30814;
$color-3: #d60424;
$color-4: #a8c09e;
$color-5: #066273;

TAILWIND

colors: {
  'brand-1': '#daf0d6',
  'brand-2': '#b30814',
  'brand-3': '#d60424',
  'brand-4': '#a8c09e',
  'brand-5': '#066273',
}

RGB Array

[218, 240, 214], [179, 8, 20], [214, 4, 36], [168, 192, 158], [6, 98, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DAF0D6, #B30814, #D60424, #A8C09E, #066273 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: #daf0d6; --color-2: #b30814; --color-3: #d60424; --color-4: #a8c09e; --color-5: #066273. 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