← Back to Editor

#0AF27E · #38D29C · #24616E · #104355 · #19223E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#0AF27E

Mineral Blue · MediumSpringGreen · Olive Green

HEX
#0AF27E
RGB
rgb(10, 242, 126)
HSL
hsl(150, 92%, 49%)
HSB
hsb(150, 96%, 95%)
CMYK
cmyk(96%, 0%, 48%, 5%)
Oklch
oklch(84.2% 0.221 151.9)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#38D29C

Mineral Blue · LightSeaGreen · Olive Green

HEX
#38D29C
RGB
rgb(56, 210, 156)
HSL
hsl(159, 63%, 52%)
HSB
hsb(159, 73%, 82%)
CMYK
cmyk(73%, 0%, 26%, 18%)
Oklch
oklch(77.2% 0.149 164.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#24616E

Lake Blue · DarkSlateGray · Mint Ice

HEX
#24616E
RGB
rgb(36, 97, 110)
HSL
hsl(191, 51%, 29%)
HSB
hsb(191, 67%, 43%)
CMYK
cmyk(67%, 12%, 0%, 57%)
Oklch
oklch(45.9% 0.065 214.2)

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

#104355

Lake Blue · DarkSlateGray · Peacock Green

HEX
#104355
RGB
rgb(16, 67, 85)
HSL
hsl(196, 68%, 20%)
HSB
hsb(196, 81%, 33%)
CMYK
cmyk(81%, 21%, 0%, 67%)
Oklch
oklch(35.9% 0.060 226.2)

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

#19223E

Indigo · MidnightBlue · Deep Sea Blue

HEX
#19223E
RGB
rgb(25, 34, 62)
HSL
hsl(225, 43%, 17%)
HSB
hsb(225, 60%, 24%)
CMYK
cmyk(60%, 45%, 0%, 76%)
Oklch
oklch(25.9% 0.054 268.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0AF27E
F00A7D

Analogous

0AF00A
0AF27E
0AF0F0

Triadic

0AF27E
7D0AF0
F07D0A

Split-Comp.

0AF27E
F00AF0
F00A0A

Tetradic

0AF27E
0A0AF0
F00A7D
F0F00A

Contrast Matrix WCAG 2.1 Contrast

0AF27E
38D29C
24616E
104355
19223E
—
1.3
Fail
4.7
AA
7.2
AAA
10.5
AAA
1.3
Fail
—
3.6
AA Large
5.6
AA
8.1
AAA
4.7
AA
3.6
AA Large
—
1.5
Fail
2.2
Fail
7.2
AAA
5.6
AA
1.5
Fail
—
1.5
Fail
10.5
AAA
8.1
AAA
2.2
Fail
1.5
Fail
—
White BG
1.5Fail
1.9Fail
7.0AA
10.7AAA
15.7AAA
Black BG
14.0AAA
10.9AAA
3.0AA Large
2.0Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E719A
7B7CA9
3E3F6B
262751
1D1D37

Deuteranopia

6150A1
7266AC
3B366A
231F50
1C1C36

Tritanopia

16B0B5
40B3B6
276868
134D4C
193231

Achromatopsia

9F9F9F
9E9E9E
505050
363636
232323

Shades & Tints Shades & Tints

#0AF27E

Dark
Light

#38D29C

Dark
Light

#24616E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0af27e;
  --color-2: #38d29c;
  --color-3: #24616e;
  --color-4: #104355;
  --color-5: #19223e;
}

SCSS

$color-1: #0af27e;
$color-2: #38d29c;
$color-3: #24616e;
$color-4: #104355;
$color-5: #19223e;

TAILWIND

colors: {
  'brand-1': '#0af27e',
  'brand-2': '#38d29c',
  'brand-3': '#24616e',
  'brand-4': '#104355',
  'brand-5': '#19223e',
}

RGB Array

[10, 242, 126], [56, 210, 156], [36, 97, 110], [16, 67, 85], [25, 34, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0AF27E, #38D29C, #24616E, #104355, #19223E is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0af27e; --color-2: #38d29c; --color-3: #24616e; --color-4: #104355; --color-5: #19223e. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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