← Back to Editor

#44BED4 · #2C98B5 · #042B41 · #9AAA80 · #C7D14A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#44BED4

Lake Blue · MediumTurquoise · Lake Green

HEX
#44BED4
RGB
rgb(68, 190, 212)
HSL
hsl(189, 63%, 55%)
HSB
hsb(189, 68%, 83%)
CMYK
cmyk(68%, 10%, 0%, 17%)
Oklch
oklch(74.3% 0.110 211.9)

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

#2C98B5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#2C98B5
RGB
rgb(44, 152, 181)
HSL
hsl(193, 61%, 44%)
HSB
hsb(193, 76%, 71%)
CMYK
cmyk(76%, 16%, 0%, 29%)
Oklch
oklch(63.3% 0.103 220.2)

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

#042B41

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#042B41
RGB
rgb(4, 43, 65)
HSL
hsl(202, 88%, 14%)
HSB
hsb(202, 94%, 25%)
CMYK
cmyk(94%, 34%, 0%, 75%)
Oklch
oklch(27.5% 0.058 239.2)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#9AAA80

Grass Green · DarkSeaGreen · Olive Green

HEX
#9AAA80
RGB
rgb(154, 170, 128)
HSL
hsl(83, 20%, 58%)
HSB
hsb(83, 25%, 67%)
CMYK
cmyk(9%, 0%, 25%, 33%)
Oklch
oklch(71.4% 0.061 124.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#C7D14A

Autumn Sage · GreenYellow · Sunflower

HEX
#C7D14A
RGB
rgb(199, 209, 74)
HSL
hsl(64, 59%, 55%)
HSB
hsb(64, 65%, 82%)
CMYK
cmyk(5%, 0%, 65%, 18%)
Oklch
oklch(82.8% 0.156 113.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44BED4
D55A44

Analogous

44D5A2
44BED4
4477D5

Triadic

44BED4
D544BF
BFD544

Split-Comp.

44BED4
D54477
D5A244

Tetradic

44BED4
A244D5
D55A44
77D544

Contrast Matrix WCAG 2.1 Contrast

44BED4
2C98B5
042B41
9AAA80
C7D14A
—
1.5
Fail
6.7
AA
1.1
Fail
1.3
Fail
1.5
Fail
—
4.4
AA Large
1.3
Fail
2.0
Fail
6.7
AA
4.4
AA Large
—
5.9
AA
8.9
AAA
1.1
Fail
1.3
Fail
5.9
AA
—
1.5
Fail
1.3
Fail
2.0
Fail
8.9
AAA
1.5
Fail
—
White BG
2.2Fail
3.4AA Large
14.7AAA
2.5Fail
1.7Fail
Black BG
9.6AAA
6.3AA
1.4Fail
8.4AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797ACF
5B5CAE
15153C
A1A18A
CBCB6B

Deuteranopia

7269CD
554CAC
13103A
A09F8D
CBCA73

Tritanopia

4ACACA
31A8A7
063737
9B9294
C7848A

Achromatopsia

9C9C9C
7B7B7B
222222
A0A0A0
BFBFBF

Shades & Tints Shades & Tints

#44BED4

Dark
Light

#2C98B5

Dark
Light

#042B41

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44bed4;
  --color-2: #2c98b5;
  --color-3: #042b41;
  --color-4: #9aaa80;
  --color-5: #c7d14a;
}

SCSS

$color-1: #44bed4;
$color-2: #2c98b5;
$color-3: #042b41;
$color-4: #9aaa80;
$color-5: #c7d14a;

TAILWIND

colors: {
  'brand-1': '#44bed4',
  'brand-2': '#2c98b5',
  'brand-3': '#042b41',
  'brand-4': '#9aaa80',
  'brand-5': '#c7d14a',
}

RGB Array

[68, 190, 212], [44, 152, 181], [4, 43, 65], [154, 170, 128], [199, 209, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #44BED4, #2C98B5, #042B41, #9AAA80, #C7D14A 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: #44bed4; --color-2: #2c98b5; --color-3: #042b41; --color-4: #9aaa80; --color-5: #c7d14a. 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 general-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