← Back to Editor

#53B9BE · #98C2BE · #C1CBCA · #E6DFD7 · #EEEAE7

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#53B9BE

Slate Blue · MediumTurquoise · Lake Green

HEX
#53B9BE
RGB
rgb(83, 185, 190)
HSL
hsl(183, 45%, 54%)
HSB
hsb(183, 56%, 75%)
CMYK
cmyk(56%, 3%, 0%, 25%)
Oklch
oklch(72.8% 0.094 199.7)

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

#98C2BE

Jade · DarkGray · Lake Green

HEX
#98C2BE
RGB
rgb(152, 194, 190)
HSL
hsl(174, 26%, 68%)
HSB
hsb(174, 22%, 76%)
CMYK
cmyk(22%, 0%, 2%, 24%)
Oklch
oklch(78.3% 0.045 189.1)

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

#C1CBCA

Jade · Silver · Pearl Gray

HEX
#C1CBCA
RGB
rgb(193, 203, 202)
HSL
hsl(174, 9%, 78%)
HSB
hsb(174, 5%, 80%)
CMYK
cmyk(5%, 0%, 0%, 20%)
Oklch
oklch(83.4% 0.011 189.8)

Traditional「Jade」· Paint「Pearl Gray」· Creative Silver Lining

#E6DFD7

Goose Yellow · LightGray · Peach Orange

HEX
#E6DFD7
RGB
rgb(230, 223, 215)
HSL
hsl(32, 23%, 87%)
HSB
hsb(32, 7%, 90%)
CMYK
cmyk(0%, 3%, 7%, 10%)
Oklch
oklch(90.7% 0.013 71.3)

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

#EEEAE7

Apricot · Linen · Peach Orange

HEX
#EEEAE7
RGB
rgb(238, 234, 231)
HSL
hsl(26, 17%, 92%)
HSB
hsb(26, 3%, 93%)
CMYK
cmyk(0%, 2%, 3%, 7%)
Oklch
oklch(93.9% 0.006 59.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

53B9BE
BE5A55

Analogous

55BE8F
53B9BE
5584BE

Triadic

53B9BE
BE55B9
B9BE55

Split-Comp.

53B9BE
BE5584
BE8F55

Tetradic

53B9BE
8F55BE
BE5A55
84BE55

Contrast Matrix WCAG 2.1 Contrast

53B9BE
98C2BE
C1CBCA
E6DFD7
EEEAE7
—
1.2
Fail
1.4
Fail
1.8
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
1.8
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.9
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
White BG
2.3Fail
1.9Fail
1.7Fail
1.3Fail
1.2Fail
Black BG
9.1AAA
10.8AAA
12.7AAA
15.9AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F80BD
AAABBF
C5C5CA
E3E3D9
ECECE8

Deuteranopia

7972BD
A8A5BF
C5C4CA
E3E4D9
EDEDE8

Tritanopia

58BCBC
9AC0C0
C2CACA
E6DADB
EEE8E8

Achromatopsia

9B9B9B
B5B5B5
C8C8C8
E0E0E0
EBEBEB

Shades & Tints Shades & Tints

#53B9BE

Dark
Light

#98C2BE

Dark
Light

#C1CBCA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #53b9be;
  --color-2: #98c2be;
  --color-3: #c1cbca;
  --color-4: #e6dfd7;
  --color-5: #eeeae7;
}

SCSS

$color-1: #53b9be;
$color-2: #98c2be;
$color-3: #c1cbca;
$color-4: #e6dfd7;
$color-5: #eeeae7;

TAILWIND

colors: {
  'brand-1': '#53b9be',
  'brand-2': '#98c2be',
  'brand-3': '#c1cbca',
  'brand-4': '#e6dfd7',
  'brand-5': '#eeeae7',
}

RGB Array

[83, 185, 190], [152, 194, 190], [193, 203, 202], [230, 223, 215], [238, 234, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #53B9BE, #98C2BE, #C1CBCA, #E6DFD7, #EEEAE7 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #53b9be; --color-2: #98c2be; --color-3: #c1cbca; --color-4: #e6dfd7; --color-5: #eeeae7. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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