← Back to Editor

#419183 · #7FB3A9 · #BFB493 · #D1D0B0 · #F2F1D0

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#419183

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#419183
RGB
rgb(65, 145, 131)
HSL
hsl(170, 38%, 41%)
HSB
hsb(170, 55%, 57%)
CMYK
cmyk(55%, 0%, 10%, 43%)
Oklch
oklch(60.3% 0.082 180.3)

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

#7FB3A9

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#7FB3A9
RGB
rgb(127, 179, 169)
HSL
hsl(168, 25%, 60%)
HSB
hsb(168, 29%, 70%)
CMYK
cmyk(29%, 0%, 6%, 30%)
Oklch
oklch(72.7% 0.057 181.4)

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

#BFB493

Ginger · Tan · Sunflower

HEX
#BFB493
RGB
rgb(191, 180, 147)
HSL
hsl(45, 26%, 66%)
HSB
hsb(45, 23%, 75%)
CMYK
cmyk(0%, 6%, 23%, 25%)
Oklch
oklch(77.1% 0.047 91.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D1D0B0

Fresh Green · Silver · Sunflower

HEX
#D1D0B0
RGB
rgb(209, 208, 176)
HSL
hsl(58, 26%, 75%)
HSB
hsb(58, 16%, 82%)
CMYK
cmyk(0%, 0%, 16%, 18%)
Oklch
oklch(85.0% 0.043 105.8)

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

#F2F1D0

Fresh Green · Beige · Lemon Cream

HEX
#F2F1D0
RGB
rgb(242, 241, 208)
HSL
hsl(58, 57%, 88%)
HSB
hsb(58, 14%, 95%)
CMYK
cmyk(0%, 0%, 14%, 5%)
Oklch
oklch(95.0% 0.043 105.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

419183
90414E

Analogous

41905B
419183
417690

Triadic

419183
834190
908341

Split-Comp.

419183
904176
905B41

Tetradic

419183
5B4190
90414E
769041

Contrast Matrix WCAG 2.1 Contrast

419183
7FB3A9
BFB493
D1D0B0
F2F1D0
—
1.6
Fail
1.8
Fail
2.4
Fail
3.3
AA Large
1.6
Fail
—
1.1
Fail
1.5
Fail
2.0
Fail
1.8
Fail
1.1
Fail
—
1.3
Fail
1.8
Fail
2.4
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
3.3
AA Large
2.0
Fail
1.8
Fail
1.4
Fail
—
White BG
3.7AA Large
2.4Fail
2.1Fail
1.6Fail
1.1Fail
Black BG
5.6AA
8.9AAA
10.2AAA
13.4AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

646486
9696AB
BABA9B
D1D1B8
F2F2D8

Deuteranopia

5F5987
938FAC
BBBC9D
D1D1BA
F2F2DA

Tritanopia

45898A
82ADAE
BEA1A3
D1BEBF
F2DEE0

Achromatopsia

777777
A2A2A2
B4B4B4
CDCDCD
EEEEEE

Shades & Tints Shades & Tints

#419183

Dark
Light

#7FB3A9

Dark
Light

#BFB493

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #419183;
  --color-2: #7fb3a9;
  --color-3: #bfb493;
  --color-4: #d1d0b0;
  --color-5: #f2f1d0;
}

SCSS

$color-1: #419183;
$color-2: #7fb3a9;
$color-3: #bfb493;
$color-4: #d1d0b0;
$color-5: #f2f1d0;

TAILWIND

colors: {
  'brand-1': '#419183',
  'brand-2': '#7fb3a9',
  'brand-3': '#bfb493',
  'brand-4': '#d1d0b0',
  'brand-5': '#f2f1d0',
}

RGB Array

[65, 145, 131], [127, 179, 169], [191, 180, 147], [209, 208, 176], [242, 241, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #419183, #7FB3A9, #BFB493, #D1D0B0, #F2F1D0 is ideal for: health products, baby brands, fresh-style blogs, 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: #419183; --color-2: #7fb3a9; --color-3: #bfb493; --color-4: #d1d0b0; --color-5: #f2f1d0. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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