#47848F + #3B9D92 + #44B493 + #91ED94 + #A8FE9B · summer - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#47848F

Slate Blue · SteelBlue · Mint Ice

HEX

#47848F

RGB

rgb(71, 132, 143)

HSL

hsl(189, 34%, 42%)

HSB

hsb(189, 50%, 56%)

CMYK

cmyk(50%, 8%, 0%, 44%)

Oklch

oklch(57.7% 0.065 210.5)

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

#3B9D92

Mineral Blue · CadetBlue · Mint Ice

HEX

#3B9D92

RGB

rgb(59, 157, 146)

HSL

hsl(173, 45%, 42%)

HSB

hsb(173, 62%, 62%)

CMYK

cmyk(62%, 0%, 7%, 38%)

Oklch

oklch(63.6% 0.092 184.9)

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

#44B493

Mineral Blue · MediumSeaGreen · Mint Ice

HEX

#44B493

RGB

rgb(68, 180, 147)

HSL

hsl(162, 45%, 49%)

HSB

hsb(162, 62%, 71%)

CMYK

cmyk(62%, 0%, 18%, 29%)

Oklch

oklch(69.7% 0.113 170.2)

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

#91ED94

Emerald · LightGreen · Apple Green

HEX

#91ED94

RGB

rgb(145, 237, 148)

HSL

hsl(122, 72%, 75%)

HSB

hsb(122, 39%, 93%)

CMYK

cmyk(39%, 0%, 38%, 7%)

Oklch

oklch(86.7% 0.150 144.9)

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

#A8FE9B

Emerald · LightGreen · Apple Green

HEX

#A8FE9B

RGB

rgb(168, 254, 155)

HSL

hsl(112, 98%, 80%)

HSB

hsb(112, 39%, 100%)

CMYK

cmyk(34%, 0%, 39%, 0%)

Oklch

oklch(91.9% 0.155 141.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47848F

905247

Analogous

479076

47848F

476090

Triadic

47848F

904785

859047

Split-Comp.

47848F

904760

907647

Tetradic

47848F

764790

905247

609047

Contrast Matrix WCAG 2.1 Contrast

47848F	3B9D92	44B493	91ED94	A8FE9B
—	1.3 Fail	1.7 Fail	3.0 Fail	3.5 AA Large
1.3 Fail	—	1.3 Fail	2.3 Fail	2.7 Fail
1.7 Fail	1.3 Fail	—	1.8 Fail	2.1 Fail
3.0 Fail	2.3 Fail	1.8 Fail	—	1.2 Fail
3.5 AA Large	2.7 Fail	2.1 Fail	1.2 Fail	—

White BG

4.2AA Large

3.3AA Large

2.6Fail

1.4Fail

1.2Fail

Black BG

5.0AA

6.4AA

8.2AAA

14.7AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

61628C

656695

74769B

B9BAAA

CDCEB3

Deuteranopia

5E598C

605895

6E669D

B4ADAF

C8C2B9

Tritanopia

4A8A8A

409797

4AA1A3

96BBBE

ACC6CA

Achromatopsia

737373

7E7E7E

8F8F8F

C7C7C7

D9D9D9

Shades & Tints Shades & Tints

#47848F

Dark

Light

#3B9D92

Dark

Light

#44B493

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47848f;
  --color-2: #3b9d92;
  --color-3: #44b493;
  --color-4: #91ed94;
  --color-5: #a8fe9b;
}

SCSS

$color-1: #47848f;
$color-2: #3b9d92;
$color-3: #44b493;
$color-4: #91ed94;
$color-5: #a8fe9b;

TAILWIND

colors: {
  'brand-1': '#47848f',
  'brand-2': '#3b9d92',
  'brand-3': '#44b493',
  'brand-4': '#91ed94',
  'brand-5': '#a8fe9b',
}

RGB Array

[71, 132, 143], [59, 157, 146], [68, 180, 147], [145, 237, 148], [168, 254, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #47848F, #3B9D92, #44B493, #91ED94, #A8FE9B is ideal for: corporate websites, product showcases, portfolios. 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: #47848f; --color-2: #3b9d92; --color-3: #44b493; --color-4: #91ed94; --color-5: #a8fe9b. 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. 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 summer-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