← Back to Editor

#F6755F · #B3616A · #744B69 · #3F334D · #0D1625

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F6755F

Peach Pink · Coral · Coral Red

HEX
#F6755F
RGB
rgb(246, 117, 95)
HSL
hsl(9, 89%, 67%)
HSB
hsb(9, 61%, 96%)
CMYK
cmyk(0%, 52%, 61%, 4%)
Oklch
oklch(71.0% 0.163 31.4)

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

#B3616A

Crimson · Gray · Passion Red

HEX
#B3616A
RGB
rgb(179, 97, 106)
HSL
hsl(353, 35%, 54%)
HSB
hsb(353, 46%, 70%)
CMYK
cmyk(0%, 46%, 41%, 30%)
Oklch
oklch(59.0% 0.106 13.9)

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

#744B69

Rose Purple · DimGray · Eggplant

HEX
#744B69
RGB
rgb(116, 75, 105)
HSL
hsl(316, 21%, 37%)
HSB
hsb(316, 35%, 45%)
CMYK
cmyk(0%, 35%, 9%, 55%)
Oklch
oklch(46.9% 0.070 337.0)

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

#3F334D

Deep Indigo · DarkSlateGray · Eggplant

HEX
#3F334D
RGB
rgb(63, 51, 77)
HSL
hsl(268, 20%, 25%)
HSB
hsb(268, 34%, 30%)
CMYK
cmyk(18%, 34%, 0%, 70%)
Oklch
oklch(34.5% 0.047 305.2)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#0D1625

Indigo · Black · Deep Sea Blue

HEX
#0D1625
RGB
rgb(13, 22, 37)
HSL
hsl(218, 48%, 10%)
HSB
hsb(218, 65%, 15%)
CMYK
cmyk(65%, 41%, 0%, 85%)
Oklch
oklch(20.0% 0.033 260.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6755F
60DFF6

Analogous

F66094
F6755F
F6C160

Triadic

F6755F
60F676
7660F6

Split-Comp.

F6755F
60F6C1
6094F6

Tetradic

F6755F
94F660
60DFF6
C160F6

Contrast Matrix WCAG 2.1 Contrast

F6755F
B3616A
744B69
3F334D
0D1625
—
1.6
Fail
2.6
Fail
4.3
AA Large
6.6
AA
1.6
Fail
—
1.6
Fail
2.7
Fail
4.2
AA Large
2.6
Fail
1.6
Fail
—
1.6
Fail
2.5
Fail
4.3
AA Large
2.7
Fail
1.6
Fail
—
1.5
Fail
6.6
AA
4.2
AA Large
2.5
Fail
1.5
Fail
—
White BG
2.8Fail
4.3AA Large
7.1AAA
11.7AAA
18.1AAA
Black BG
7.6AAA
4.8AA
3.0Fail
1.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD64
8F8F68
626262
3A3A47
111121

Deuteranopia

C6CF66
949A67
656860
3B3B45
101021

Tritanopia

F06969
AF6666
725C5B
3E4241
0D1F1E

Achromatopsia

999999
7B7B7B
5B5B5B
3A3A3A
151515

Shades & Tints Shades & Tints

#F6755F

Dark
Light

#B3616A

Dark
Light

#744B69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6755f;
  --color-2: #b3616a;
  --color-3: #744b69;
  --color-4: #3f334d;
  --color-5: #0d1625;
}

SCSS

$color-1: #f6755f;
$color-2: #b3616a;
$color-3: #744b69;
$color-4: #3f334d;
$color-5: #0d1625;

TAILWIND

colors: {
  'brand-1': '#f6755f',
  'brand-2': '#b3616a',
  'brand-3': '#744b69',
  'brand-4': '#3f334d',
  'brand-5': '#0d1625',
}

RGB Array

[246, 117, 95], [179, 97, 106], [116, 75, 105], [63, 51, 77], [13, 22, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F6755F, #B3616A, #744B69, #3F334D, #0D1625 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f6755f; --color-2: #b3616a; --color-3: #744b69; --color-4: #3f334d; --color-5: #0d1625. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 tech, SaaS, healthcare, eco industries. 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