#29B3DA + #8BC8C4 + #B9DFCD + #D8F8EC + #EA8D8F · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#29B3DA

Lake Blue · MediumTurquoise · Lake Green

HEX

#29B3DA

RGB

rgb(41, 179, 218)

HSL

hsl(193, 71%, 51%)

HSB

hsb(193, 81%, 85%)

CMYK

cmyk(81%, 18%, 0%, 15%)

Oklch

oklch(71.4% 0.123 222.4)

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

#8BC8C4

Jade · SkyBlue · Lake Green

HEX

#8BC8C4

RGB

rgb(139, 200, 196)

HSL

hsl(176, 36%, 66%)

HSB

hsb(176, 31%, 78%)

CMYK

cmyk(31%, 0%, 2%, 22%)

Oklch

oklch(79.0% 0.063 190.8)

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

#B9DFCD

Jade · LightBlue · Apple Green

HEX

#B9DFCD

RGB

rgb(185, 223, 205)

HSL

hsl(152, 37%, 80%)

HSB

hsb(152, 17%, 87%)

CMYK

cmyk(17%, 0%, 8%, 13%)

Oklch

oklch(87.1% 0.047 165.0)

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

#D8F8EC

Jade · Lavender · Mint Green

HEX

#D8F8EC

RGB

rgb(216, 248, 236)

HSL

hsl(158, 70%, 91%)

HSB

hsb(158, 13%, 97%)

CMYK

cmyk(13%, 0%, 5%, 3%)

Oklch

oklch(95.3% 0.037 170.9)

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

#EA8D8F

Peach Pink · LightCoral · Coral Red

HEX

#EA8D8F

RGB

rgb(234, 141, 143)

HSL

hsl(359, 69%, 74%)

HSB

hsb(359, 40%, 92%)

CMYK

cmyk(0%, 40%, 39%, 8%)

Oklch

oklch(74.1% 0.113 18.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

29B3DA

DB5029

Analogous

29DBA8

29B3DA

295CDB

Triadic

29B3DA

DB29B4

B4DB29

Split-Comp.

29B3DA

DB295C

DBA829

Tetradic

29B3DA

A829DB

DB5029

5CDB29

Contrast Matrix WCAG 2.1 Contrast

29B3DA	8BC8C4	B9DFCD	D8F8EC	EA8D8F
—	1.3 Fail	1.7 Fail	2.2 Fail	1.0 Fail
1.3 Fail	—	1.3 Fail	1.7 Fail	1.3 Fail
1.7 Fail	1.3 Fail	—	1.3 Fail	1.7 Fail
2.2 Fail	1.7 Fail	1.3 Fail	—	2.1 Fail
1.0 Fail	1.3 Fail	1.7 Fail	2.1 Fail	—

White BG

2.5Fail

1.9Fail

1.4Fail

1.1Fail

2.4Fail

Black BG

8.6AAA

11.2AAA

14.5AAA

18.6AAA

8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6566D1

A5A6C5

C9CAD1

E6E6EF

C2C18F

Deuteranopia

5D52CE

A29DC5

C7C4D2

E4E2F0

C7CE8E

Tritanopia

30C9C7

8EC6C6

BBD5D6

DAF1F2

E58E8E

Achromatopsia

8E8E8E

B5B5B5

D2D2D2

EDEDED

A9A9A9

Shades & Tints Shades & Tints

#29B3DA

Dark

Light

#8BC8C4

Dark

Light

#B9DFCD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #29b3da;
  --color-2: #8bc8c4;
  --color-3: #b9dfcd;
  --color-4: #d8f8ec;
  --color-5: #ea8d8f;
}

SCSS

$color-1: #29b3da;
$color-2: #8bc8c4;
$color-3: #b9dfcd;
$color-4: #d8f8ec;
$color-5: #ea8d8f;

TAILWIND

colors: {
  'brand-1': '#29b3da',
  'brand-2': '#8bc8c4',
  'brand-3': '#b9dfcd',
  'brand-4': '#d8f8ec',
  'brand-5': '#ea8d8f',
}

RGB Array

[41, 179, 218], [139, 200, 196], [185, 223, 205], [216, 248, 236], [234, 141, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #29B3DA, #8BC8C4, #B9DFCD, #D8F8EC, #EA8D8F is ideal for: health products, baby brands, fresh-style blogs. 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: #29b3da; --color-2: #8bc8c4; --color-3: #b9dfcd; --color-4: #d8f8ec; --color-5: #ea8d8f. 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. 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 cool-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