← Back to Editor

#49B0BF · #302512 · #18EDD8 · #826705 · #544303

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

#49B0BF

Slate Blue · MediumTurquoise · Lake Green

HEX
#49B0BF
RGB
rgb(73, 176, 191)
HSL
hsl(188, 48%, 52%)
HSB
hsb(188, 62%, 75%)
CMYK
cmyk(62%, 8%, 0%, 25%)
Oklch
oklch(70.3% 0.096 208.4)

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

#302512

Ochre · Black · Cinnamon

HEX
#302512
RGB
rgb(48, 37, 18)
HSL
hsl(38, 45%, 13%)
HSB
hsb(38, 63%, 19%)
CMYK
cmyk(0%, 23%, 63%, 81%)
Oklch
oklch(27.2% 0.035 80.1)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#18EDD8

Mineral Blue · DarkTurquoise · Lake Green

HEX
#18EDD8
RGB
rgb(24, 237, 216)
HSL
hsl(174, 86%, 51%)
HSB
hsb(174, 90%, 93%)
CMYK
cmyk(90%, 0%, 9%, 7%)
Oklch
oklch(85.1% 0.149 183.5)

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

#826705

Ochre · Olive · Honey Gold

HEX
#826705
RGB
rgb(130, 103, 5)
HSL
hsl(47, 93%, 26%)
HSB
hsb(47, 96%, 51%)
CMYK
cmyk(0%, 21%, 96%, 49%)
Oklch
oklch(52.6% 0.106 90.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#544303

Ochre · DarkOliveGreen · Amber Gold

HEX
#544303
RGB
rgb(84, 67, 3)
HSL
hsl(47, 93%, 17%)
HSB
hsb(47, 96%, 33%)
CMYK
cmyk(0%, 20%, 96%, 67%)
Oklch
oklch(39.0% 0.078 91.9)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

49B0BF
BF5A4A

Analogous

4ABF94
49B0BF
4A75BF

Triadic

49B0BF
BF4AB0
B0BF4A

Split-Comp.

49B0BF
BF4A75
BF944A

Tetradic

49B0BF
944ABF
BF5A4A
75BF4A

Contrast Matrix WCAG 2.1 Contrast

49B0BF
302512
18EDD8
826705
544303
—
5.9
AA
1.7
Fail
2.1
Fail
3.8
AA Large
5.9
AA
—
10.1
AAA
2.8
Fail
1.6
Fail
1.7
Fail
10.1
AAA
—
3.6
AA Large
6.5
AA
2.1
Fail
2.8
Fail
3.6
AA Large
—
1.8
Fail
3.8
AA Large
1.6
Fail
6.5
AA
1.8
Fail
—
White BG
2.5Fail
15.0AAA
1.5Fail
5.4AA
9.6AAA
Black BG
8.2AAA
1.4Fail
14.1AAA
3.9AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7677BB
2B2B17
7476DD
76761D
4D4C12

Deuteranopia

7068BB
2C2D18
6858DE
787A22
4E4F16

Tritanopia

4EB9B8
2F1A1B
23E1E2
812F34
531F21

Achromatopsia

939393
262626
ABABAB
646464
414141

Shades & Tints Shades & Tints

#49B0BF

Dark
Light

#302512

Dark
Light

#18EDD8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #49b0bf;
  --color-2: #302512;
  --color-3: #18edd8;
  --color-4: #826705;
  --color-5: #544303;
}

SCSS

$color-1: #49b0bf;
$color-2: #302512;
$color-3: #18edd8;
$color-4: #826705;
$color-5: #544303;

TAILWIND

colors: {
  'brand-1': '#49b0bf',
  'brand-2': '#302512',
  'brand-3': '#18edd8',
  'brand-4': '#826705',
  'brand-5': '#544303',
}

RGB Array

[73, 176, 191], [48, 37, 18], [24, 237, 216], [130, 103, 5], [84, 67, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #49B0BF, #302512, #18EDD8, #826705, #544303 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: #49b0bf; --color-2: #302512; --color-3: #18edd8; --color-4: #826705; --color-5: #544303. 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 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