← Back to Editor

#74D3CD · #A9C7BB · #50918D · #FBAD9F · #FDE4C8

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

#74D3CD

Jade · SkyBlue · Lake Green

HEX
#74D3CD
RGB
rgb(116, 211, 205)
HSL
hsl(176, 52%, 64%)
HSB
hsb(176, 45%, 83%)
CMYK
cmyk(45%, 0%, 3%, 17%)
Oklch
oklch(80.7% 0.091 190.2)

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

#A9C7BB

Jade · Silver · Apple Green

HEX
#A9C7BB
RGB
rgb(169, 199, 187)
HSL
hsl(156, 21%, 72%)
HSB
hsb(156, 15%, 78%)
CMYK
cmyk(15%, 0%, 6%, 22%)
Oklch
oklch(80.4% 0.036 169.3)

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

#50918D

Mineral Blue · CadetBlue · Mint Ice

HEX
#50918D
RGB
rgb(80, 145, 141)
HSL
hsl(176, 29%, 44%)
HSB
hsb(176, 45%, 57%)
CMYK
cmyk(45%, 0%, 3%, 43%)
Oklch
oklch(61.2% 0.067 190.4)

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

#FBAD9F

Peach Pink · LightPink · Coral Red

HEX
#FBAD9F
RGB
rgb(251, 173, 159)
HSL
hsl(9, 92%, 80%)
HSB
hsb(9, 37%, 98%)
CMYK
cmyk(0%, 31%, 37%, 2%)
Oklch
oklch(81.9% 0.095 30.5)

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

#FDE4C8

Goose Yellow · Bisque · Peach Orange

HEX
#FDE4C8
RGB
rgb(253, 228, 200)
HSL
hsl(32, 93%, 89%)
HSB
hsb(32, 21%, 99%)
CMYK
cmyk(0%, 10%, 21%, 1%)
Oklch
oklch(93.2% 0.046 70.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74D3CD
D3737A

Analogous

73D39D
74D3CD
73AAD3

Triadic

74D3CD
CD73D3
D3CD73

Split-Comp.

74D3CD
D373AA
D39D73

Tetradic

74D3CD
9D73D3
D3737A
AAD373

Contrast Matrix WCAG 2.1 Contrast

74D3CD
A9C7BB
50918D
FBAD9F
FDE4C8
—
1.0
Fail
2.1
Fail
1.0
Fail
1.4
Fail
1.0
Fail
—
2.0
Fail
1.0
Fail
1.5
Fail
2.1
Fail
2.0
Fail
—
2.0
Fail
3.0
Fail
1.0
Fail
1.0
Fail
2.0
Fail
—
1.5
Fail
1.4
Fail
1.5
Fail
3.0
Fail
1.5
Fail
—
White BG
1.8Fail
1.8Fail
3.6AA Large
1.8Fail
1.2Fail
Black BG
11.9AAA
11.6AAA
5.8AA
11.6AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9ECE
B6B6BE
6C6D8E
D9D9A2
F2F2CF

Deuteranopia

9891CF
B4B2BF
68648E
DEE4A3
F4F6D0

Tritanopia

79D0D0
AAC0C1
538F8F
F7A5A6
FCD4D5

Achromatopsia

B6B6B6
BDBDBD
7D7D7D
C3C3C3
E8E8E8

Shades & Tints Shades & Tints

#74D3CD

Dark
Light

#A9C7BB

Dark
Light

#50918D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74d3cd;
  --color-2: #a9c7bb;
  --color-3: #50918d;
  --color-4: #fbad9f;
  --color-5: #fde4c8;
}

SCSS

$color-1: #74d3cd;
$color-2: #a9c7bb;
$color-3: #50918d;
$color-4: #fbad9f;
$color-5: #fde4c8;

TAILWIND

colors: {
  'brand-1': '#74d3cd',
  'brand-2': '#a9c7bb',
  'brand-3': '#50918d',
  'brand-4': '#fbad9f',
  'brand-5': '#fde4c8',
}

RGB Array

[116, 211, 205], [169, 199, 187], [80, 145, 141], [251, 173, 159], [253, 228, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #74D3CD, #A9C7BB, #50918D, #FBAD9F, #FDE4C8 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: #74d3cd; --color-2: #a9c7bb; --color-3: #50918d; --color-4: #fbad9f; --color-5: #fde4c8. 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