← Back to Editor

#450037 · #A23F6F · #FF7DA6 · #FFDCAB · #9DAAAC

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

#450037

Rose Purple · MidnightBlue · Dark Purple

HEX
#450037
RGB
rgb(69, 0, 55)
HSL
hsl(312, 100%, 14%)
HSB
hsb(312, 100%, 27%)
CMYK
cmyk(0%, 100%, 20%, 73%)
Oklch
oklch(26.4% 0.115 338.9)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#A23F6F

Dark Violet · MediumVioletRed · Camellia

HEX
#A23F6F
RGB
rgb(162, 63, 111)
HSL
hsl(331, 44%, 44%)
HSB
hsb(331, 61%, 64%)
CMYK
cmyk(0%, 61%, 31%, 36%)
Oklch
oklch(51.7% 0.141 353.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#FF7DA6

Rouge · LightCoral · Rose Pink

HEX
#FF7DA6
RGB
rgb(255, 125, 166)
HSL
hsl(341, 100%, 75%)
HSB
hsb(341, 51%, 100%)
CMYK
cmyk(0%, 51%, 35%, 0%)
Oklch
oklch(75.0% 0.163 1.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FFDCAB

Goose Yellow · Wheat · Peach Orange

HEX
#FFDCAB
RGB
rgb(255, 220, 171)
HSL
hsl(35, 100%, 84%)
HSB
hsb(35, 33%, 100%)
CMYK
cmyk(0%, 14%, 33%, 0%)
Oklch
oklch(91.2% 0.074 75.9)

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

#9DAAAC

Sky Blue · DarkGray · Silver Sand

HEX
#9DAAAC
RGB
rgb(157, 170, 172)
HSL
hsl(188, 8%, 65%)
HSB
hsb(188, 9%, 67%)
CMYK
cmyk(9%, 1%, 0%, 33%)
Oklch
oklch(72.8% 0.015 207.9)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

450037
00470E

Analogous

320047
450037
470015

Triadic

450037
394700
003947

Split-Comp.

450037
154700
004732

Tetradic

450037
473200
00470E
001547

Contrast Matrix WCAG 2.1 Contrast

450037
A23F6F
FF7DA6
FFDCAB
9DAAAC
—
2.7
Fail
6.7
AA
12.3
AAA
6.7
AA
2.7
Fail
—
2.5
Fail
4.6
AA
2.5
Fail
6.7
AA
2.5
Fail
—
1.8
Fail
1.0
Fail
12.3
AAA
4.6
AA
1.8
Fail
—
1.8
Fail
6.7
AA
2.5
Fail
1.0
Fail
1.8
Fail
—
White BG
16.1AAA
6.0AA
2.4Fail
1.3Fail
2.4Fail
Black BG
1.3Fail
3.5AA Large
8.7AAA
16.1AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

27272A
777663
C7C69C
F0F0B7
A3A3AC

Deuteranopia

2B3027
7D8461
CED89A
F2F5BA
A2A1AB

Tritanopia

421F1D
9D5A58
F99493
FDC0C2
9EABAB

Achromatopsia

1B1B1B
626262
A9A9A9
E1E1E1
A6A6A6

Shades & Tints Shades & Tints

#450037

Dark
Light

#A23F6F

Dark
Light

#FF7DA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #450037;
  --color-2: #a23f6f;
  --color-3: #ff7da6;
  --color-4: #ffdcab;
  --color-5: #9daaac;
}

SCSS

$color-1: #450037;
$color-2: #a23f6f;
$color-3: #ff7da6;
$color-4: #ffdcab;
$color-5: #9daaac;

TAILWIND

colors: {
  'brand-1': '#450037',
  'brand-2': '#a23f6f',
  'brand-3': '#ff7da6',
  'brand-4': '#ffdcab',
  'brand-5': '#9daaac',
}

RGB Array

[69, 0, 55], [162, 63, 111], [255, 125, 166], [255, 220, 171], [157, 170, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #450037, #A23F6F, #FF7DA6, #FFDCAB, #9DAAAC 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: #450037; --color-2: #a23f6f; --color-3: #ff7da6; --color-4: #ffdcab; --color-5: #9daaac. 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