← Back to Editor

#254250 · #09A790 · #76FBCC · #B8E74B · #A9FCAC

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#254250

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#254250
RGB
rgb(37, 66, 80)
HSL
hsl(200, 37%, 23%)
HSB
hsb(200, 54%, 31%)
CMYK
cmyk(54%, 18%, 0%, 69%)
Oklch
oklch(36.3% 0.042 230.4)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#09A790

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#09A790
RGB
rgb(9, 167, 144)
HSL
hsl(171, 90%, 35%)
HSB
hsb(171, 95%, 65%)
CMYK
cmyk(95%, 0%, 14%, 35%)
Oklch
oklch(65.2% 0.119 178.1)

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

#76FBCC

Jade · SkyBlue · Apple Green

HEX
#76FBCC
RGB
rgb(118, 251, 204)
HSL
hsl(159, 94%, 72%)
HSB
hsb(159, 53%, 98%)
CMYK
cmyk(53%, 0%, 19%, 2%)
Oklch
oklch(90.0% 0.136 167.5)

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

#B8E74B

Grass Green · GreenYellow · Olive Green

HEX
#B8E74B
RGB
rgb(184, 231, 75)
HSL
hsl(78, 76%, 60%)
HSB
hsb(78, 68%, 91%)
CMYK
cmyk(20%, 0%, 68%, 9%)
Oklch
oklch(86.6% 0.186 124.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#A9FCAC

Emerald · LightGreen · Mint Green

HEX
#A9FCAC
RGB
rgb(169, 252, 172)
HSL
hsl(122, 93%, 83%)
HSB
hsb(122, 33%, 99%)
CMYK
cmyk(33%, 0%, 32%, 1%)
Oklch
oklch(91.8% 0.135 145.2)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

254250
503325

Analogous

255049
254250
252C50

Triadic

254250
502542
425025

Split-Comp.

254250
50252C
504925

Tetradic

254250
492550
503325
2C5025

Contrast Matrix WCAG 2.1 Contrast

254250
09A790
76FBCC
B8E74B
A9FCAC
—
3.5
AA Large
8.3
AAA
7.4
AAA
8.7
AAA
3.5
AA Large
—
2.4
Fail
2.1
Fail
2.5
Fail
8.3
AAA
2.4
Fail
—
1.1
Fail
1.0
Fail
7.4
AAA
2.1
Fail
1.1
Fail
—
1.2
Fail
8.7
AAA
2.5
Fail
1.0
Fail
1.2
Fail
—
White BG
10.6AAA
3.0AA Large
1.3Fail
1.4Fail
1.2Fail
Black BG
2.0Fail
6.9AA
16.4AAA
14.6AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

32324D
4D4F96
B0B1D7
CCCD71
CDCEBF

Deuteranopia

302E4C
443897
A89EDA
CAC67A
C8C2C4

Tritanopia

264A49
119A9B
7DE0E2
BA8F95
ADCFD2

Achromatopsia

3B3B3B
757575
CECECE
C7C7C7
DADADA

Shades & Tints Shades & Tints

#254250

Dark
Light

#09A790

Dark
Light

#76FBCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #254250;
  --color-2: #09a790;
  --color-3: #76fbcc;
  --color-4: #b8e74b;
  --color-5: #a9fcac;
}

SCSS

$color-1: #254250;
$color-2: #09a790;
$color-3: #76fbcc;
$color-4: #b8e74b;
$color-5: #a9fcac;

TAILWIND

colors: {
  'brand-1': '#254250',
  'brand-2': '#09a790',
  'brand-3': '#76fbcc',
  'brand-4': '#b8e74b',
  'brand-5': '#a9fcac',
}

RGB Array

[37, 66, 80], [9, 167, 144], [118, 251, 204], [184, 231, 75], [169, 252, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #254250, #09A790, #76FBCC, #B8E74B, #A9FCAC is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #254250; --color-2: #09a790; --color-3: #76fbcc; --color-4: #b8e74b; --color-5: #a9fcac. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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