← Back to Editor

#55C3DC · #8C6429 · #E7F3EF · #73726D · #E24B2C

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#55C3DC

Lake Blue · MediumTurquoise · Lake Green

HEX
#55C3DC
RGB
rgb(85, 195, 220)
HSL
hsl(191, 66%, 60%)
HSB
hsb(191, 61%, 86%)
CMYK
cmyk(61%, 11%, 0%, 14%)
Oklch
oklch(76.3% 0.105 215.2)

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

#8C6429

Ochre · Sienna · Amber Brown

HEX
#8C6429
RGB
rgb(140, 100, 41)
HSL
hsl(36, 55%, 35%)
HSB
hsb(36, 71%, 55%)
CMYK
cmyk(0%, 29%, 71%, 45%)
Oklch
oklch(53.3% 0.091 74.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#E7F3EF

Jade · Lavender · Glacier Blue

HEX
#E7F3EF
RGB
rgb(231, 243, 239)
HSL
hsl(160, 33%, 93%)
HSB
hsb(160, 5%, 95%)
CMYK
cmyk(5%, 0%, 2%, 5%)
Oklch
oklch(95.4% 0.014 174.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#73726D

Ink Gray · DimGray · Warm Gray

HEX
#73726D
RGB
rgb(115, 114, 109)
HSL
hsl(50, 3%, 44%)
HSB
hsb(50, 5%, 45%)
CMYK
cmyk(0%, 1%, 5%, 55%)
Oklch
oklch(55.1% 0.008 97.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#E24B2C

Vermilion · Chocolate · Passion Red

HEX
#E24B2C
RGB
rgb(226, 75, 44)
HSL
hsl(10, 76%, 53%)
HSB
hsb(10, 81%, 89%)
CMYK
cmyk(0%, 67%, 81%, 11%)
Oklch
oklch(62.0% 0.193 33.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

55C3DC
DC6E56

Analogous

56DCB2
55C3DC
5680DC

Triadic

55C3DC
DC56C4
C4DC56

Split-Comp.

55C3DC
DC5680
DCB256

Tetradic

55C3DC
B256DC
DC6E56
80DC56

Contrast Matrix WCAG 2.1 Contrast

55C3DC
8C6429
E7F3EF
73726D
E24B2C
—
2.6
Fail
1.8
Fail
2.3
Fail
1.9
Fail
2.6
Fail
—
4.7
AA
1.1
Fail
1.3
Fail
1.8
Fail
4.7
AA
—
4.2
AA Large
3.5
AA Large
2.3
Fail
1.1
Fail
4.2
AA Large
—
1.2
Fail
1.9
Fail
1.3
Fail
3.5
AA Large
1.2
Fail
—
White BG
2.1Fail
5.3AA
1.1Fail
4.8AA
4.0AA Large
Black BG
10.2AAA
4.0AA Large
18.5AAA
4.4AA Large
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8586D6
7B7A37
ECECF0
73736E
A19F34

Deuteranopia

7E76D5
7D803B
ECEBF0
73736F
A9B535

Tritanopia

5BD1D0
8A4345
E8F1F1
736F6F
DA393B

Achromatopsia

A5A5A5
696969
EFEFEF
727272
757575

Shades & Tints Shades & Tints

#55C3DC

Dark
Light

#8C6429

Dark
Light

#E7F3EF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #55c3dc;
  --color-2: #8c6429;
  --color-3: #e7f3ef;
  --color-4: #73726d;
  --color-5: #e24b2c;
}

SCSS

$color-1: #55c3dc;
$color-2: #8c6429;
$color-3: #e7f3ef;
$color-4: #73726d;
$color-5: #e24b2c;

TAILWIND

colors: {
  'brand-1': '#55c3dc',
  'brand-2': '#8c6429',
  'brand-3': '#e7f3ef',
  'brand-4': '#73726d',
  'brand-5': '#e24b2c',
}

RGB Array

[85, 195, 220], [140, 100, 41], [231, 243, 239], [115, 114, 109], [226, 75, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #55C3DC, #8C6429, #E7F3EF, #73726D, #E24B2C is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #55c3dc; --color-2: #8c6429; --color-3: #e7f3ef; --color-4: #73726d; --color-5: #e24b2c. 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 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