← Back to Editor

#39A69F · #2BCBC1 · #17EADD · #EA5217 · #FC9D0A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#39A69F

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#39A69F
RGB
rgb(57, 166, 159)
HSL
hsl(176, 49%, 44%)
HSB
hsb(176, 66%, 65%)
CMYK
cmyk(66%, 0%, 4%, 35%)
Oklch
oklch(66.2% 0.098 189.0)

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

#2BCBC1

Mineral Blue · MediumTurquoise · Mint Ice

HEX
#2BCBC1
RGB
rgb(43, 203, 193)
HSL
hsl(176, 65%, 48%)
HSB
hsb(176, 79%, 80%)
CMYK
cmyk(79%, 0%, 5%, 20%)
Oklch
oklch(76.3% 0.125 188.3)

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

#17EADD

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#17EADD
RGB
rgb(23, 234, 221)
HSL
hsl(176, 83%, 50%)
HSB
hsb(176, 90%, 92%)
CMYK
cmyk(90%, 0%, 6%, 8%)
Oklch
oklch(84.5% 0.145 187.6)

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

#EA5217

Tangerine · OrangeRed · Amber Brown

HEX
#EA5217
RGB
rgb(234, 82, 23)
HSL
hsl(17, 83%, 50%)
HSB
hsb(17, 90%, 92%)
CMYK
cmyk(0%, 65%, 90%, 8%)
Oklch
oklch(63.9% 0.198 38.3)

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

#FC9D0A

Ginger · Orange · Warm Sun

HEX
#FC9D0A
RGB
rgb(252, 157, 10)
HSL
hsl(36, 98%, 51%)
HSB
hsb(36, 96%, 99%)
CMYK
cmyk(0%, 38%, 96%, 1%)
Oklch
oklch(77.5% 0.170 67.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

39A69F
A73941

Analogous

39A769
39A69F
3978A7

Triadic

39A69F
A039A7
A7A039

Split-Comp.

39A69F
A73978
A76939

Tetradic

39A69F
6939A7
A73941
78A739

Contrast Matrix WCAG 2.1 Contrast

39A69F
2BCBC1
17EADD
EA5217
FC9D0A
—
1.5
Fail
1.9
Fail
1.2
Fail
1.4
Fail
1.5
Fail
—
1.3
Fail
1.8
Fail
1.0
Fail
1.9
Fail
1.3
Fail
—
2.4
Fail
1.4
Fail
1.2
Fail
1.8
Fail
2.4
Fail
—
1.7
Fail
1.4
Fail
1.0
Fail
1.4
Fail
1.7
Fail
—
White BG
2.9Fail
2.0Fail
1.5Fail
3.7AA Large
2.1Fail
Black BG
7.1AAA
10.4AAA
13.8AAA
5.7AA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6869A1
7072C3
7274E0
A8A725
D3D22E

Deuteranopia

625AA1
675BC4
6656E1
B1BC29
D8DF36

Tritanopia

3EA2A2
33C5C6
22E3E3
E23133
F74A50

Achromatopsia

858585
9A9A9A
A9A9A9
797979
A9A9A9

Shades & Tints Shades & Tints

#39A69F

Dark
Light

#2BCBC1

Dark
Light

#17EADD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #39a69f;
  --color-2: #2bcbc1;
  --color-3: #17eadd;
  --color-4: #ea5217;
  --color-5: #fc9d0a;
}

SCSS

$color-1: #39a69f;
$color-2: #2bcbc1;
$color-3: #17eadd;
$color-4: #ea5217;
$color-5: #fc9d0a;

TAILWIND

colors: {
  'brand-1': '#39a69f',
  'brand-2': '#2bcbc1',
  'brand-3': '#17eadd',
  'brand-4': '#ea5217',
  'brand-5': '#fc9d0a',
}

RGB Array

[57, 166, 159], [43, 203, 193], [23, 234, 221], [234, 82, 23], [252, 157, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #39A69F, #2BCBC1, #17EADD, #EA5217, #FC9D0A is ideal for: social media posters, mobile apps, e-commerce promos. 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: #39a69f; --color-2: #2bcbc1; --color-3: #17eadd; --color-4: #ea5217; --color-5: #fc9d0a. 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. 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