← Back to Editor

#91EBD4 · #63B8A2 · #917B4E · #665431 · #4BAB93

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

#91EBD4

Jade · LightBlue · Lake Green

HEX
#91EBD4
RGB
rgb(145, 235, 212)
HSL
hsl(165, 69%, 75%)
HSB
hsb(165, 38%, 92%)
CMYK
cmyk(38%, 0%, 10%, 8%)
Oklch
oklch(87.7% 0.093 175.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#63B8A2

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#63B8A2
RGB
rgb(99, 184, 162)
HSL
hsl(164, 37%, 55%)
HSB
hsb(164, 46%, 72%)
CMYK
cmyk(46%, 0%, 12%, 28%)
Oklch
oklch(72.3% 0.090 174.9)

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

#917B4E

Ochre · DimGray · Honey Gold

HEX
#917B4E
RGB
rgb(145, 123, 78)
HSL
hsl(40, 30%, 44%)
HSB
hsb(40, 46%, 57%)
CMYK
cmyk(0%, 15%, 46%, 43%)
Oklch
oklch(59.3% 0.068 84.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#665431

Ochre · DarkOliveGreen · Honey Gold

HEX
#665431
RGB
rgb(102, 84, 49)
HSL
hsl(40, 35%, 30%)
HSB
hsb(40, 52%, 40%)
CMYK
cmyk(0%, 18%, 52%, 60%)
Oklch
oklch(45.5% 0.056 83.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#4BAB93

Mineral Blue · CadetBlue · Mint Ice

HEX
#4BAB93
RGB
rgb(75, 171, 147)
HSL
hsl(165, 39%, 48%)
HSB
hsb(165, 56%, 67%)
CMYK
cmyk(56%, 0%, 14%, 33%)
Oklch
oklch(67.7% 0.098 174.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91EBD4
EB93A9

Analogous

93EBA9
91EBD4
93D5EB

Triadic

91EBD4
D593EB
EBD593

Split-Comp.

91EBD4
EB93D5
EBA993

Tetradic

91EBD4
A993EB
EB93A9
D5EB93

Contrast Matrix WCAG 2.1 Contrast

91EBD4
63B8A2
917B4E
665431
4BAB93
—
1.7
Fail
2.9
Fail
5.2
AA
2.0
Fail
1.7
Fail
—
1.7
Fail
3.1
AA Large
1.2
Fail
2.9
Fail
1.7
Fail
—
1.8
Fail
1.5
Fail
5.2
AA
3.1
AA Large
1.8
Fail
—
2.6
Fail
2.0
Fail
1.2
Fail
1.5
Fail
2.6
Fail
—
White BG
1.4Fail
2.4Fail
4.1AA Large
7.3AAA
2.8Fail
Black BG
15.0AAA
8.9AAA
5.1AA
2.9Fail
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B9DA
8889A7
878759
5E5E39
757599

Deuteranopia

B3ACDB
837DA9
898A5C
5F613C
6F689A

Tritanopia

96DEDF
67ACAC
906163
654042
509D9E

Achromatopsia

CDCDCD
9C9C9C
7C7C7C
555555
8C8C8C

Shades & Tints Shades & Tints

#91EBD4

Dark
Light

#63B8A2

Dark
Light

#917B4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91ebd4;
  --color-2: #63b8a2;
  --color-3: #917b4e;
  --color-4: #665431;
  --color-5: #4bab93;
}

SCSS

$color-1: #91ebd4;
$color-2: #63b8a2;
$color-3: #917b4e;
$color-4: #665431;
$color-5: #4bab93;

TAILWIND

colors: {
  'brand-1': '#91ebd4',
  'brand-2': '#63b8a2',
  'brand-3': '#917b4e',
  'brand-4': '#665431',
  'brand-5': '#4bab93',
}

RGB Array

[145, 235, 212], [99, 184, 162], [145, 123, 78], [102, 84, 49], [75, 171, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #91EBD4, #63B8A2, #917B4E, #665431, #4BAB93 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: #91ebd4; --color-2: #63b8a2; --color-3: #917b4e; --color-4: #665431; --color-5: #4bab93. 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