← Back to Editor

#59C9BF · #D0DD6B · #FFC16D · #F37A5D · #AA514F

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

#59C9BF

Mineral Blue · MediumTurquoise · Lake Green

HEX
#59C9BF
RGB
rgb(89, 201, 191)
HSL
hsl(175, 51%, 57%)
HSB
hsb(175, 56%, 79%)
CMYK
cmyk(56%, 0%, 5%, 21%)
Oklch
oklch(76.8% 0.103 187.3)

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

#D0DD6B

Fresh Green · Khaki · Sunflower

HEX
#D0DD6B
RGB
rgb(208, 221, 107)
HSL
hsl(67, 63%, 64%)
HSB
hsb(67, 52%, 87%)
CMYK
cmyk(6%, 0%, 52%, 13%)
Oklch
oklch(86.4% 0.139 114.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FFC16D

Goose Yellow · SandyBrown · Warm Sun

HEX
#FFC16D
RGB
rgb(255, 193, 109)
HSL
hsl(35, 100%, 71%)
HSB
hsb(35, 57%, 100%)
CMYK
cmyk(0%, 24%, 57%, 0%)
Oklch
oklch(85.1% 0.124 73.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F37A5D

Peach Pink · Coral · Coral Red

HEX
#F37A5D
RGB
rgb(243, 122, 93)
HSL
hsl(12, 86%, 66%)
HSB
hsb(12, 62%, 95%)
CMYK
cmyk(0%, 50%, 62%, 5%)
Oklch
oklch(71.3% 0.155 34.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#AA514F

Crimson · Sienna · Passion Red

HEX
#AA514F
RGB
rgb(170, 81, 79)
HSL
hsl(1, 37%, 49%)
HSB
hsb(1, 54%, 67%)
CMYK
cmyk(0%, 52%, 54%, 33%)
Oklch
oklch(54.5% 0.118 23.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

59C9BF
C95963

Analogous

59C988
59C9BF
599BC9

Triadic

59C9BF
C059C9
C9C059

Split-Comp.

59C9BF
C9599B
C98859

Tetradic

59C9BF
8859C9
C95963
9BC959

Contrast Matrix WCAG 2.1 Contrast

59C9BF
D0DD6B
FFC16D
F37A5D
AA514F
—
1.4
Fail
1.2
Fail
1.4
Fail
2.6
Fail
1.4
Fail
—
1.1
Fail
1.8
Fail
3.6
AA Large
1.2
Fail
1.1
Fail
—
1.7
Fail
3.3
AA Large
1.4
Fail
1.8
Fail
1.7
Fail
—
1.9
Fail
2.6
Fail
3.6
AA Large
3.3
AA Large
1.9
Fail
—
White BG
2.0Fail
1.5Fail
1.6Fail
2.7Fail
5.3AA
Black BG
10.5AAA
14.2AAA
13.1AAA
7.8AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

898BC1
D6D687
E4E481
BFBE64
83834F

Deuteranopia

837BC2
D5D48D
E8EC86
C6CF66
898F50

Tritanopia

5FC3C4
D19CA1
FC9195
ED6A6B
A65050

Achromatopsia

A6A6A6
CCCCCC
CACACA
9B9B9B
6B6B6B

Shades & Tints Shades & Tints

#59C9BF

Dark
Light

#D0DD6B

Dark
Light

#FFC16D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #59c9bf;
  --color-2: #d0dd6b;
  --color-3: #ffc16d;
  --color-4: #f37a5d;
  --color-5: #aa514f;
}

SCSS

$color-1: #59c9bf;
$color-2: #d0dd6b;
$color-3: #ffc16d;
$color-4: #f37a5d;
$color-5: #aa514f;

TAILWIND

colors: {
  'brand-1': '#59c9bf',
  'brand-2': '#d0dd6b',
  'brand-3': '#ffc16d',
  'brand-4': '#f37a5d',
  'brand-5': '#aa514f',
}

RGB Array

[89, 201, 191], [208, 221, 107], [255, 193, 109], [243, 122, 93], [170, 81, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #59C9BF, #D0DD6B, #FFC16D, #F37A5D, #AA514F 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: #59c9bf; --color-2: #d0dd6b; --color-3: #ffc16d; --color-4: #f37a5d; --color-5: #aa514f. 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