← Back to Editor

#03D8D0 · #A0E6D1 · #D8A803 · #805C0F · #440A25

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#03D8D0

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#03D8D0
RGB
rgb(3, 216, 208)
HSL
hsl(178, 97%, 43%)
HSB
hsb(178, 99%, 85%)
CMYK
cmyk(99%, 0%, 4%, 15%)
Oklch
oklch(79.6% 0.137 190.0)

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

#A0E6D1

Jade · LightBlue · Glacier Blue

HEX
#A0E6D1
RGB
rgb(160, 230, 209)
HSL
hsl(162, 58%, 76%)
HSB
hsb(162, 30%, 90%)
CMYK
cmyk(30%, 0%, 9%, 10%)
Oklch
oklch(87.3% 0.076 173.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#D8A803

Ochre · GoldenRod · Honey Gold

HEX
#D8A803
RGB
rgb(216, 168, 3)
HSL
hsl(46, 97%, 43%)
HSB
hsb(46, 99%, 85%)
CMYK
cmyk(0%, 22%, 99%, 15%)
Oklch
oklch(75.5% 0.154 87.9)

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

#805C0F

Ochre · Olive · Honey Gold

HEX
#805C0F
RGB
rgb(128, 92, 15)
HSL
hsl(41, 79%, 28%)
HSB
hsb(41, 88%, 50%)
CMYK
cmyk(0%, 28%, 88%, 50%)
Oklch
oklch(50.0% 0.098 80.3)

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

#440A25

Dark Violet · Maroon · Raspberry

HEX
#440A25
RGB
rgb(68, 10, 37)
HSL
hsl(332, 74%, 15%)
HSB
hsb(332, 85%, 27%)
CMYK
cmyk(0%, 85%, 46%, 73%)
Oklch
oklch(26.3% 0.091 357.3)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

03D8D0
D8030A

Analogous

03D867
03D8D0
0375D8

Triadic

03D8D0
D103D8
D8D103

Split-Comp.

03D8D0
D80375
D86703

Tetradic

03D8D0
6703D8
D8030A
75D803

Contrast Matrix WCAG 2.1 Contrast

03D8D0
A0E6D1
D8A803
805C0F
440A25
—
1.3
Fail
1.2
Fail
3.4
AA Large
8.9
AAA
1.3
Fail
—
1.5
Fail
4.3
AA Large
11.2
AAA
1.2
Fail
1.5
Fail
—
2.8
Fail
7.2
AAA
3.4
AA Large
4.3
AA Large
2.8
Fail
—
2.6
Fail
8.9
AAA
11.2
AAA
7.2
AAA
2.6
Fail
—
White BG
1.8Fail
1.4Fail
2.2Fail
6.1AA
16.0AAA
Black BG
11.7AAA
14.7AAA
9.5AAA
3.5AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F61D2
BEBFD6
C3C32B
707022
2B2A1E

Deuteranopia

5343D2
BAB5D7
C6CA35
737526
2E331D

Tritanopia

0ED3D4
A4DADB
D64A51
7E3034
411918

Achromatopsia

979797
CFCFCF
A4A4A4
5E5E5E
1E1E1E

Shades & Tints Shades & Tints

#03D8D0

Dark
Light

#A0E6D1

Dark
Light

#D8A803

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #03d8d0;
  --color-2: #a0e6d1;
  --color-3: #d8a803;
  --color-4: #805c0f;
  --color-5: #440a25;
}

SCSS

$color-1: #03d8d0;
$color-2: #a0e6d1;
$color-3: #d8a803;
$color-4: #805c0f;
$color-5: #440a25;

TAILWIND

colors: {
  'brand-1': '#03d8d0',
  'brand-2': '#a0e6d1',
  'brand-3': '#d8a803',
  'brand-4': '#805c0f',
  'brand-5': '#440a25',
}

RGB Array

[3, 216, 208], [160, 230, 209], [216, 168, 3], [128, 92, 15], [68, 10, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #03D8D0, #A0E6D1, #D8A803, #805C0F, #440A25 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #03d8d0; --color-2: #a0e6d1; --color-3: #d8a803; --color-4: #805c0f; --color-5: #440a25. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 bright-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