← Back to Editor

#64AABA · #F3D5A0 · #DBAF62 · #E8A14F · #DA7B3D

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 App

Color Details Color Details

#64AABA

Slate Blue · CadetBlue · Lake Green

HEX
#64AABA
RGB
rgb(100, 170, 186)
HSL
hsl(191, 38%, 56%)
HSB
hsb(191, 46%, 73%)
CMYK
cmyk(46%, 9%, 0%, 27%)
Oklch
oklch(69.8% 0.074 214.0)

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

#F3D5A0

Goose Yellow · Wheat · Peach Orange

HEX
#F3D5A0
RGB
rgb(243, 213, 160)
HSL
hsl(38, 78%, 79%)
HSB
hsb(38, 34%, 95%)
CMYK
cmyk(0%, 12%, 34%, 5%)
Oklch
oklch(88.6% 0.076 81.6)

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

#DBAF62

Ginger · SandyBrown · Warm Sun

HEX
#DBAF62
RGB
rgb(219, 175, 98)
HSL
hsl(38, 63%, 62%)
HSB
hsb(38, 55%, 86%)
CMYK
cmyk(0%, 20%, 55%, 14%)
Oklch
oklch(77.8% 0.108 80.1)

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

#E8A14F

Ginger · SandyBrown · Warm Sun

HEX
#E8A14F
RGB
rgb(232, 161, 79)
HSL
hsl(32, 77%, 61%)
HSB
hsb(32, 66%, 91%)
CMYK
cmyk(0%, 31%, 66%, 9%)
Oklch
oklch(76.3% 0.129 67.5)

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

#DA7B3D

Tangerine · Chocolate · Warm Sun

HEX
#DA7B3D
RGB
rgb(218, 123, 61)
HSL
hsl(24, 68%, 55%)
HSB
hsb(24, 72%, 85%)
CMYK
cmyk(0%, 44%, 72%, 15%)
Oklch
oklch(67.7% 0.140 51.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

64AABA
B97464

Analogous

64B99E
64AABA
647FB9

Triadic

64AABA
B964AA
AAB964

Split-Comp.

64AABA
B9647F
B99E64

Tetradic

64AABA
9E64B9
B97464
7FB964

Contrast Matrix WCAG 2.1 Contrast

64AABA
F3D5A0
DBAF62
E8A14F
DA7B3D
—
1.9
Fail
1.3
Fail
1.2
Fail
1.2
Fail
1.9
Fail
—
1.4
Fail
1.5
Fail
2.2
Fail
1.3
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
1.2
Fail
1.5
Fail
1.1
Fail
—
1.4
Fail
1.2
Fail
2.2
Fail
1.5
Fail
1.4
Fail
—
White BG
2.6Fail
1.4Fail
2.0Fail
2.2Fail
3.1AA Large
Black BG
8.0AAA
14.8AAA
10.3AAA
9.6AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8283B6
E6E6AD
C8C875
C9C963
B1B04C

Deuteranopia

7E79B5
E8EAB0
CBCE79
CDD368
B6BE50

Tritanopia

68B3B2
F2B7B9
D98387
E47376
D5585A

Achromatopsia

979797
D8D8D8
B3B3B3
ADADAD
909090

Shades & Tints Shades & Tints

#64AABA

Dark
Light

#F3D5A0

Dark
Light

#DBAF62

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #64aaba;
  --color-2: #f3d5a0;
  --color-3: #dbaf62;
  --color-4: #e8a14f;
  --color-5: #da7b3d;
}

SCSS

$color-1: #64aaba;
$color-2: #f3d5a0;
$color-3: #dbaf62;
$color-4: #e8a14f;
$color-5: #da7b3d;

TAILWIND

colors: {
  'brand-1': '#64aaba',
  'brand-2': '#f3d5a0',
  'brand-3': '#dbaf62',
  'brand-4': '#e8a14f',
  'brand-5': '#da7b3d',
}

RGB Array

[100, 170, 186], [243, 213, 160], [219, 175, 98], [232, 161, 79], [218, 123, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #64AABA, #F3D5A0, #DBAF62, #E8A14F, #DA7B3D is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #64aaba; --color-2: #f3d5a0; --color-3: #dbaf62; --color-4: #e8a14f; --color-5: #da7b3d. 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. 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