← Back to Editor

#37C1C1 · #9BD1BA · #DBCFB7 · #B4BB15 · #EF6E00

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

#37C1C1

Lake Blue · MediumTurquoise · Mint Ice

HEX
#37C1C1
RGB
rgb(55, 193, 193)
HSL
hsl(180, 56%, 49%)
HSB
hsb(180, 72%, 76%)
CMYK
cmyk(72%, 0%, 0%, 24%)
Oklch
oklch(74.0% 0.114 195.0)

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

#9BD1BA

Jade · Silver · Apple Green

HEX
#9BD1BA
RGB
rgb(155, 209, 186)
HSL
hsl(154, 37%, 71%)
HSB
hsb(154, 26%, 82%)
CMYK
cmyk(26%, 0%, 11%, 18%)
Oklch
oklch(81.7% 0.065 166.7)

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

#DBCFB7

Goose Yellow · LightGray · Lemon Cream

HEX
#DBCFB7
RGB
rgb(219, 207, 183)
HSL
hsl(40, 33%, 79%)
HSB
hsb(40, 16%, 86%)
CMYK
cmyk(0%, 5%, 16%, 14%)
Oklch
oklch(85.8% 0.035 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#B4BB15

Autumn Sage · GoldenRod · Honey Gold

HEX
#B4BB15
RGB
rgb(180, 187, 21)
HSL
hsl(63, 80%, 41%)
HSB
hsb(63, 89%, 73%)
CMYK
cmyk(4%, 0%, 89%, 27%)
Oklch
oklch(76.1% 0.165 112.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#EF6E00

Tangerine · Chocolate · Amber Brown

HEX
#EF6E00
RGB
rgb(239, 110, 0)
HSL
hsl(28, 100%, 47%)
HSB
hsb(28, 100%, 94%)
CMYK
cmyk(0%, 54%, 100%, 6%)
Oklch
oklch(68.3% 0.183 48.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

37C1C1
C33737

Analogous

37C37D
37C1C1
377DC3

Triadic

37C1C1
C337C3
C3C337

Split-Comp.

37C1C1
C3377D
C37D37

Tetradic

37C1C1
7D37C3
C33737
7DC337

Contrast Matrix WCAG 2.1 Contrast

37C1C1
9BD1BA
DBCFB7
B4BB15
EF6E00
—
1.3
Fail
1.4
Fail
1.1
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
1.4
Fail
2.0
Fail
1.1
Fail
1.2
Fail
1.4
Fail
—
1.5
Fail
1.4
Fail
1.8
Fail
2.0
Fail
1.5
Fail
—
White BG
2.2Fail
1.7Fail
1.5Fail
2.1Fail
3.0AA Large
Black BG
9.6AAA
12.2AAA
13.6AAA
10.1AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7374C1
B2B3C0
D6D6BD
B7B73D
B7B61B

Deuteranopia

6B60C1
AFABC1
D7D7BE
B7B647
BFC821

Tritanopia

3EC1C1
9EC4C5
DAC1C2
B45D64
E93034

Achromatopsia

989898
BEBEBE
D0D0D0
A6A6A6
888888

Shades & Tints Shades & Tints

#37C1C1

Dark
Light

#9BD1BA

Dark
Light

#DBCFB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #37c1c1;
  --color-2: #9bd1ba;
  --color-3: #dbcfb7;
  --color-4: #b4bb15;
  --color-5: #ef6e00;
}

SCSS

$color-1: #37c1c1;
$color-2: #9bd1ba;
$color-3: #dbcfb7;
$color-4: #b4bb15;
$color-5: #ef6e00;

TAILWIND

colors: {
  'brand-1': '#37c1c1',
  'brand-2': '#9bd1ba',
  'brand-3': '#dbcfb7',
  'brand-4': '#b4bb15',
  'brand-5': '#ef6e00',
}

RGB Array

[55, 193, 193], [155, 209, 186], [219, 207, 183], [180, 187, 21], [239, 110, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #37C1C1, #9BD1BA, #DBCFB7, #B4BB15, #EF6E00 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: #37c1c1; --color-2: #9bd1ba; --color-3: #dbcfb7; --color-4: #b4bb15; --color-5: #ef6e00. 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