← Back to Editor

#035153 · #28C9C3 · #73D9B4 · #B6EAC3 · #FBD491

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#035153

Lake Blue · DarkSlateGray · Peacock Green

HEX
#035153
RGB
rgb(3, 81, 83)
HSL
hsl(182, 93%, 17%)
HSB
hsb(182, 96%, 33%)
CMYK
cmyk(96%, 2%, 0%, 67%)
Oklch
oklch(39.5% 0.066 197.7)

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

#28C9C3

Mineral Blue · MediumTurquoise · Mint Ice

HEX
#28C9C3
RGB
rgb(40, 201, 195)
HSL
hsl(178, 67%, 47%)
HSB
hsb(178, 80%, 79%)
CMYK
cmyk(80%, 0%, 3%, 21%)
Oklch
oklch(75.8% 0.124 190.9)

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

#73D9B4

Jade · MediumAquaMarine · Apple Green

HEX
#73D9B4
RGB
rgb(115, 217, 180)
HSL
hsl(158, 57%, 65%)
HSB
hsb(158, 47%, 85%)
CMYK
cmyk(47%, 0%, 17%, 15%)
Oklch
oklch(81.3% 0.110 167.8)

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

#B6EAC3

Emerald · LightGray · Mint Green

HEX
#B6EAC3
RGB
rgb(182, 234, 195)
HSL
hsl(135, 55%, 82%)
HSB
hsb(135, 22%, 92%)
CMYK
cmyk(22%, 0%, 17%, 8%)
Oklch
oklch(89.1% 0.075 152.3)

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

#FBD491

Goose Yellow · Khaki · Peach Orange

HEX
#FBD491
RGB
rgb(251, 212, 145)
HSL
hsl(38, 93%, 78%)
HSB
hsb(38, 42%, 98%)
CMYK
cmyk(0%, 16%, 42%, 2%)
Oklch
oklch(88.8% 0.095 80.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

035153
540603

Analogous

03542E
035153
032954

Triadic

035153
540351
515403

Split-Comp.

035153
540329
542E03

Tetradic

035153
2E0354
540603
295403

Contrast Matrix WCAG 2.1 Contrast

035153
28C9C3
73D9B4
B6EAC3
FBD491
—
4.4
AA Large
5.3
AA
6.7
AA
6.5
AA
4.4
AA Large
—
1.2
Fail
1.5
Fail
1.5
Fail
5.3
AA
1.2
Fail
—
1.3
Fail
1.2
Fail
6.7
AA
1.5
Fail
1.3
Fail
—
1.0
Fail
6.5
AA
1.5
Fail
1.2
Fail
1.0
Fail
—
White BG
9.1AAA
2.1Fail
1.7Fail
1.4Fail
1.4Fail
Black BG
2.3Fail
10.2AAA
12.3AAA
15.5AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

252553
6E6FC4
9FA0BD
CDCDCC
EAEAA1

Deuteranopia

201A52
6458C5
9992BF
CAC6CF
ECEFA5

Tritanopia

075252
30C6C6
78C4C6
B9D4D6
F9AEB1

Achromatopsia

3A3A3A
989898
B6B6B6
D6D6D6
D8D8D8

Shades & Tints Shades & Tints

#035153

Dark
Light

#28C9C3

Dark
Light

#73D9B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #035153;
  --color-2: #28c9c3;
  --color-3: #73d9b4;
  --color-4: #b6eac3;
  --color-5: #fbd491;
}

SCSS

$color-1: #035153;
$color-2: #28c9c3;
$color-3: #73d9b4;
$color-4: #b6eac3;
$color-5: #fbd491;

TAILWIND

colors: {
  'brand-1': '#035153',
  'brand-2': '#28c9c3',
  'brand-3': '#73d9b4',
  'brand-4': '#b6eac3',
  'brand-5': '#fbd491',
}

RGB Array

[3, 81, 83], [40, 201, 195], [115, 217, 180], [182, 234, 195], [251, 212, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #035153, #28C9C3, #73D9B4, #B6EAC3, #FBD491 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: #035153; --color-2: #28c9c3; --color-3: #73d9b4; --color-4: #b6eac3; --color-5: #fbd491. 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 general-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