← Back to Editor

#C0F0E6 · #74D4AF · #329DAB · #145A77 · #0B1114

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

#C0F0E6

Jade · LightBlue · Glacier Blue

HEX
#C0F0E6
RGB
rgb(192, 240, 230)
HSL
hsl(168, 62%, 85%)
HSB
hsb(168, 20%, 94%)
CMYK
cmyk(20%, 0%, 4%, 6%)
Oklch
oklch(91.9% 0.051 181.0)

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

#74D4AF

Jade · MediumAquaMarine · Apple Green

HEX
#74D4AF
RGB
rgb(116, 212, 175)
HSL
hsl(157, 53%, 64%)
HSB
hsb(157, 45%, 83%)
CMYK
cmyk(45%, 0%, 17%, 17%)
Oklch
oklch(80.0% 0.107 166.7)

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

#329DAB

Lake Blue · LightSeaGreen · Mint Ice

HEX
#329DAB
RGB
rgb(50, 157, 171)
HSL
hsl(187, 55%, 43%)
HSB
hsb(187, 71%, 67%)
CMYK
cmyk(71%, 8%, 0%, 33%)
Oklch
oklch(64.2% 0.096 207.7)

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

#145A77

Lake Blue · Teal · Mint Ice

HEX
#145A77
RGB
rgb(20, 90, 119)
HSL
hsl(198, 71%, 27%)
HSB
hsb(198, 83%, 47%)
CMYK
cmyk(83%, 24%, 0%, 53%)
Oklch
oklch(44.0% 0.081 231.2)

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

#0B1114

Slate Blue · Black · Deep Sea Blue

HEX
#0B1114
RGB
rgb(11, 17, 20)
HSL
hsl(200, 29%, 6%)
HSB
hsb(200, 45%, 8%)
CMYK
cmyk(45%, 15%, 0%, 92%)
Oklch
oklch(17.3% 0.011 229.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0F0E6
F0C1CB

Analogous

C1F0CF
C0F0E6
C1E2F0

Triadic

C0F0E6
E7C1F0
F0E7C1

Split-Comp.

C0F0E6
F0C1E2
F0CFC1

Tetradic

C0F0E6
CFC1F0
F0C1CB
E2F0C1

Contrast Matrix WCAG 2.1 Contrast

C0F0E6
74D4AF
329DAB
145A77
0B1114
—
1.4
Fail
2.6
Fail
6.1
AA
15.3
AAA
1.4
Fail
—
1.8
Fail
4.3
AA Large
10.7
AAA
2.6
Fail
1.8
Fail
—
2.4
Fail
5.9
AA
6.1
AA
4.3
AA Large
2.4
Fail
—
2.5
Fail
15.3
AAA
10.7
AAA
5.9
AA
2.5
Fail
—
White BG
1.2Fail
1.8Fail
3.2AA Large
7.6AAA
19.0AAA
Black BG
16.8AAA
11.8AAA
6.5AA
2.8Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5E8
9E9EB8
6061A8
323370
0E0E13

Deuteranopia

D2CEE9
9891BA
5A52A7
2E296E
0D0D13

Tritanopia

C2EAEB
79BFC1
37A5A4
186A69
0B1313

Achromatopsia

E1E1E1
B3B3B3
7F7F7F
484848
101010

Shades & Tints Shades & Tints

#C0F0E6

Dark
Light

#74D4AF

Dark
Light

#329DAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0f0e6;
  --color-2: #74d4af;
  --color-3: #329dab;
  --color-4: #145a77;
  --color-5: #0b1114;
}

SCSS

$color-1: #c0f0e6;
$color-2: #74d4af;
$color-3: #329dab;
$color-4: #145a77;
$color-5: #0b1114;

TAILWIND

colors: {
  'brand-1': '#c0f0e6',
  'brand-2': '#74d4af',
  'brand-3': '#329dab',
  'brand-4': '#145a77',
  'brand-5': '#0b1114',
}

RGB Array

[192, 240, 230], [116, 212, 175], [50, 157, 171], [20, 90, 119], [11, 17, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0F0E6, #74D4AF, #329DAB, #145A77, #0B1114 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: #c0f0e6; --color-2: #74d4af; --color-3: #329dab; --color-4: #145a77; --color-5: #0b1114. 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