← Back to Editor

#3B9B7E · #62E4C0 · #F7CA49 · #FA8331 · #B64120

warm

A 5-color warm 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

#3B9B7E

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#3B9B7E
RGB
rgb(59, 155, 126)
HSL
hsl(162, 45%, 42%)
HSB
hsb(162, 62%, 61%)
CMYK
cmyk(62%, 0%, 19%, 39%)
Oklch
oklch(62.5% 0.101 169.8)

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

#62E4C0

Jade · MediumAquaMarine · Lake Green

HEX
#62E4C0
RGB
rgb(98, 228, 192)
HSL
hsl(163, 71%, 64%)
HSB
hsb(163, 57%, 89%)
CMYK
cmyk(57%, 0%, 16%, 11%)
Oklch
oklch(83.6% 0.127 172.1)

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

#F7CA49

Ginger · SandyBrown · Sunflower

HEX
#F7CA49
RGB
rgb(247, 202, 73)
HSL
hsl(44, 92%, 63%)
HSB
hsb(44, 70%, 97%)
CMYK
cmyk(0%, 18%, 70%, 3%)
Oklch
oklch(85.6% 0.150 89.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FA8331

Tangerine · Coral · Warm Sun

HEX
#FA8331
RGB
rgb(250, 131, 49)
HSL
hsl(24, 95%, 59%)
HSB
hsb(24, 80%, 98%)
CMYK
cmyk(0%, 48%, 80%, 2%)
Oklch
oklch(73.1% 0.171 50.6)

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

#B64120

Vermilion · Brown · Passion Red

HEX
#B64120
RGB
rgb(182, 65, 32)
HSL
hsl(13, 70%, 42%)
HSB
hsb(13, 82%, 71%)
CMYK
cmyk(0%, 64%, 82%, 29%)
Oklch
oklch(53.5% 0.158 36.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B9B7E
9B3B58

Analogous

3B9B4E
3B9B7E
3B889B

Triadic

3B9B7E
7E3B9B
9B7E3B

Split-Comp.

3B9B7E
9B3B88
9B4E3B

Tetradic

3B9B7E
4E3B9B
9B3B58
889B3B

Contrast Matrix WCAG 2.1 Contrast

3B9B7E
62E4C0
F7CA49
FA8331
B64120
—
2.2
Fail
2.2
Fail
1.4
Fail
1.6
Fail
2.2
Fail
—
1.0
Fail
1.6
Fail
3.6
AA Large
2.2
Fail
1.0
Fail
—
1.6
Fail
3.6
AA Large
1.4
Fail
1.6
Fail
1.6
Fail
—
2.2
Fail
1.6
Fail
3.6
AA Large
3.6
AA Large
2.2
Fail
—
White BG
3.4AA Large
1.6Fail
1.6Fail
2.5Fail
5.6AA
Black BG
6.2AA
13.4AAA
13.5AAA
8.4AAA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

656585
9A9BC9
E4E368
C6C545
838228

Deuteranopia

5F5887
9389CB
E6E970
CDD64A
8A932A

Tritanopia

408B8C
69D0D1
F58186
F45558
B02E30

Achromatopsia

7B7B7B
B9B9B9
C9C9C9
9D9D9D
606060

Shades & Tints Shades & Tints

#3B9B7E

Dark
Light

#62E4C0

Dark
Light

#F7CA49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b9b7e;
  --color-2: #62e4c0;
  --color-3: #f7ca49;
  --color-4: #fa8331;
  --color-5: #b64120;
}

SCSS

$color-1: #3b9b7e;
$color-2: #62e4c0;
$color-3: #f7ca49;
$color-4: #fa8331;
$color-5: #b64120;

TAILWIND

colors: {
  'brand-1': '#3b9b7e',
  'brand-2': '#62e4c0',
  'brand-3': '#f7ca49',
  'brand-4': '#fa8331',
  'brand-5': '#b64120',
}

RGB Array

[59, 155, 126], [98, 228, 192], [247, 202, 73], [250, 131, 49], [182, 65, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #3B9B7E, #62E4C0, #F7CA49, #FA8331, #B64120 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: #3b9b7e; --color-2: #62e4c0; --color-3: #f7ca49; --color-4: #fa8331; --color-5: #b64120. 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 warm-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