#19DDC5 + #66E1B5 + #95DAA4 + #B0D585 + #B6CE70 · bright - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#19DDC5

Mineral Blue · DarkTurquoise · Mint Ice

HEX

#19DDC5

RGB

rgb(25, 221, 197)

HSL

hsl(173, 80%, 48%)

HSB

hsb(173, 89%, 87%)

CMYK

cmyk(89%, 0%, 11%, 13%)

Oklch

oklch(80.6% 0.142 181.1)

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

#66E1B5

Jade · MediumAquaMarine · Apple Green

HEX

#66E1B5

RGB

rgb(102, 225, 181)

HSL

hsl(159, 67%, 64%)

HSB

hsb(159, 55%, 88%)

CMYK

cmyk(55%, 0%, 20%, 12%)

Oklch

oklch(82.8% 0.128 167.0)

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

#95DAA4

Celadon · LightGreen · Apple Green

HEX

#95DAA4

RGB

rgb(149, 218, 164)

HSL

hsl(133, 48%, 72%)

HSB

hsb(133, 32%, 85%)

CMYK

cmyk(32%, 0%, 25%, 15%)

Oklch

oklch(82.8% 0.103 150.5)

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

#B0D585

Willow Green · LightGreen · Apple Green

HEX

#B0D585

RGB

rgb(176, 213, 133)

HSL

hsl(88, 49%, 68%)

HSB

hsb(88, 38%, 84%)

CMYK

cmyk(17%, 0%, 38%, 16%)

Oklch

oklch(82.7% 0.113 128.8)

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

#B6CE70

Willow Green · Tan · Apple Green

HEX

#B6CE70

RGB

rgb(182, 206, 112)

HSL

hsl(75, 49%, 62%)

HSB

hsb(75, 46%, 81%)

CMYK

cmyk(12%, 0%, 46%, 19%)

Oklch

oklch(81.3% 0.123 121.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19DDC5

DC182F

Analogous

18DC64

19DDC5

1891DC

Triadic

19DDC5

C518DC

DCC518

Split-Comp.

19DDC5

DC1891

DC6418

Tetradic

19DDC5

6418DC

DC182F

91DC18

Contrast Matrix WCAG 2.1 Contrast

19DDC5	66E1B5	95DAA4	B0D585	B6CE70
—	1.1 Fail	1.1 Fail	1.0 Fail	1.0 Fail
1.1 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.1 Fail
1.0 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

1.7Fail

1.6Fail

1.7Fail

Black BG

12.2AAA

13.0AAA

12.8AAA

12.7AAA

12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E70CB

9B9CC0

B3B3B1

C0C098

C0C187

Deuteranopia

6354CC

948BC2

AFAAB4

BEBB9D

BFBD8C

Tritanopia

23CFD0

6CC8CA

98BBBE

B2A8AB

B7999D

Achromatopsia

A0A0A0

B7B7B7

BFBFBF

C1C1C1

BCBCBC

Shades & Tints Shades & Tints

#19DDC5

Dark

Light

#66E1B5

Dark

Light

#95DAA4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19ddc5;
  --color-2: #66e1b5;
  --color-3: #95daa4;
  --color-4: #b0d585;
  --color-5: #b6ce70;
}

SCSS

$color-1: #19ddc5;
$color-2: #66e1b5;
$color-3: #95daa4;
$color-4: #b0d585;
$color-5: #b6ce70;

TAILWIND

colors: {
  'brand-1': '#19ddc5',
  'brand-2': '#66e1b5',
  'brand-3': '#95daa4',
  'brand-4': '#b0d585',
  'brand-5': '#b6ce70',
}

RGB Array

[25, 221, 197], [102, 225, 181], [149, 218, 164], [176, 213, 133], [182, 206, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #19DDC5, #66E1B5, #95DAA4, #B0D585, #B6CE70 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: #19ddc5; --color-2: #66e1b5; --color-3: #95daa4; --color-4: #b0d585; --color-5: #b6ce70. 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 bright-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