← Back to Editor

#D1CA88 · #398581 · #0C6B67 · #498049 · #F09D17

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

#D1CA88

Fresh Green · BurlyWood · Sunflower

HEX
#D1CA88
RGB
rgb(209, 202, 136)
HSL
hsl(54, 44%, 68%)
HSB
hsb(54, 35%, 82%)
CMYK
cmyk(0%, 3%, 35%, 18%)
Oklch
oklch(82.9% 0.086 102.9)

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

#398581

Mineral Blue · SeaGreen · Mint Ice

HEX
#398581
RGB
rgb(57, 133, 129)
HSL
hsl(177, 40%, 37%)
HSB
hsb(177, 57%, 52%)
CMYK
cmyk(57%, 0%, 3%, 48%)
Oklch
oklch(56.8% 0.075 190.6)

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

#0C6B67

Mineral Blue · Teal · Peacock Green

HEX
#0C6B67
RGB
rgb(12, 107, 103)
HSL
hsl(177, 80%, 23%)
HSB
hsb(177, 89%, 42%)
CMYK
cmyk(89%, 0%, 4%, 58%)
Oklch
oklch(47.8% 0.079 190.2)

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

#498049

Celadon · SeaGreen · Forest Green

HEX
#498049
RGB
rgb(73, 128, 73)
HSL
hsl(120, 27%, 39%)
HSB
hsb(120, 43%, 50%)
CMYK
cmyk(43%, 0%, 43%, 50%)
Oklch
oklch(54.7% 0.102 144.0)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#F09D17

Ginger · GoldenRod · Warm Sun

HEX
#F09D17
RGB
rgb(240, 157, 23)
HSL
hsl(37, 88%, 52%)
HSB
hsb(37, 90%, 94%)
CMYK
cmyk(0%, 35%, 90%, 6%)
Oklch
oklch(76.1% 0.160 70.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1CA88
8991D1

Analogous

D1A689
D1CA88
B5D189

Triadic

D1CA88
89D1CA
CA89D1

Split-Comp.

D1CA88
89B5D1
A689D1

Tetradic

D1CA88
89D1A6
8991D1
D189B5

Contrast Matrix WCAG 2.1 Contrast

D1CA88
398581
0C6B67
498049
F09D17
—
2.6
Fail
3.8
AA Large
2.8
Fail
1.3
Fail
2.6
Fail
—
1.5
Fail
1.1
Fail
2.0
Fail
3.8
AA Large
1.5
Fail
—
1.3
Fail
2.9
Fail
2.8
Fail
1.1
Fail
1.3
Fail
—
2.1
Fail
1.3
Fail
2.0
Fail
2.9
Fail
2.1
Fail
—
White BG
1.7Fail
4.3AA Large
6.3AA
4.7AA
2.2Fail
Black BG
12.5AAA
4.8AA
3.3AA Large
4.5AA Large
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE98
5A5B82
353668
616156
CCCB37

Deuteranopia

CECF9C
565082
302968
5E5A5A
D1D73F

Tritanopia

D1A5A7
3D8383
116969
4C6163
EC5157

Achromatopsia

C5C5C5
6E6E6E
4E4E4E
696969
A7A7A7

Shades & Tints Shades & Tints

#D1CA88

Dark
Light

#398581

Dark
Light

#0C6B67

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1ca88;
  --color-2: #398581;
  --color-3: #0c6b67;
  --color-4: #498049;
  --color-5: #f09d17;
}

SCSS

$color-1: #d1ca88;
$color-2: #398581;
$color-3: #0c6b67;
$color-4: #498049;
$color-5: #f09d17;

TAILWIND

colors: {
  'brand-1': '#d1ca88',
  'brand-2': '#398581',
  'brand-3': '#0c6b67',
  'brand-4': '#498049',
  'brand-5': '#f09d17',
}

RGB Array

[209, 202, 136], [57, 133, 129], [12, 107, 103], [73, 128, 73], [240, 157, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D1CA88, #398581, #0C6B67, #498049, #F09D17 is ideal for: 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: #d1ca88; --color-2: #398581; --color-3: #0c6b67; --color-4: #498049; --color-5: #f09d17. 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 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