← Back to Editor

#ADA115 · #E67C49 · #D94C62 · #965665 · #755367

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#ADA115

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#ADA115
RGB
rgb(173, 161, 21)
HSL
hsl(55, 78%, 38%)
HSB
hsb(55, 88%, 68%)
CMYK
cmyk(0%, 7%, 88%, 32%)
Oklch
oklch(69.8% 0.143 104.0)

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

#E67C49

Tangerine · Coral · Warm Sun

HEX
#E67C49
RGB
rgb(230, 124, 73)
HSL
hsl(19, 76%, 59%)
HSB
hsb(19, 68%, 90%)
CMYK
cmyk(0%, 46%, 68%, 10%)
Oklch
oklch(69.6% 0.147 45.1)

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

#D94C62

Vermilion · Tomato · Passion Red

HEX
#D94C62
RGB
rgb(217, 76, 98)
HSL
hsl(351, 65%, 57%)
HSB
hsb(351, 65%, 85%)
CMYK
cmyk(0%, 65%, 55%, 15%)
Oklch
oklch(61.5% 0.176 14.8)

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

#965665

Crimson · DimGray · Passion Red

HEX
#965665
RGB
rgb(150, 86, 101)
HSL
hsl(346, 27%, 46%)
HSB
hsb(346, 43%, 59%)
CMYK
cmyk(0%, 43%, 33%, 41%)
Oklch
oklch(53.1% 0.086 5.3)

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

#755367

Rose Purple · DimGray · Camellia

HEX
#755367
RGB
rgb(117, 83, 103)
HSL
hsl(325, 17%, 39%)
HSB
hsb(325, 29%, 46%)
CMYK
cmyk(0%, 29%, 12%, 54%)
Oklch
oklch(48.5% 0.054 343.2)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADA115
1522AC

Analogous

AC5415
ADA115
6DAC15

Triadic

ADA115
15ACA0
A015AC

Split-Comp.

ADA115
156DAC
5415AC

Tetradic

ADA115
15AC54
1522AC
AC156D

Contrast Matrix WCAG 2.1 Contrast

ADA115
E67C49
D94C62
965665
755367
—
1.1
Fail
1.5
Fail
2.1
Fail
2.5
Fail
1.1
Fail
—
1.4
Fail
1.9
Fail
2.3
Fail
1.5
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
2.1
Fail
1.9
Fail
1.4
Fail
—
1.2
Fail
2.5
Fail
2.3
Fail
1.6
Fail
1.2
Fail
—
White BG
2.7Fail
2.9Fail
4.1AA Large
5.5AA
6.6AA
Black BG
7.9AAA
7.3AAA
5.2AA
3.8AA Large
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A837
B8B755
9C9B5D
7A7A61
666662

Deuteranopia

A9A93F
BEC658
A4AF5B
7E8360
686B61

Tritanopia

AC5258
E15F61
D25858
935F5E
735E5E

Achromatopsia

959595
969696
797979
6B6B6B
5F5F5F

Shades & Tints Shades & Tints

#ADA115

Dark
Light

#E67C49

Dark
Light

#D94C62

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ada115;
  --color-2: #e67c49;
  --color-3: #d94c62;
  --color-4: #965665;
  --color-5: #755367;
}

SCSS

$color-1: #ada115;
$color-2: #e67c49;
$color-3: #d94c62;
$color-4: #965665;
$color-5: #755367;

TAILWIND

colors: {
  'brand-1': '#ada115',
  'brand-2': '#e67c49',
  'brand-3': '#d94c62',
  'brand-4': '#965665',
  'brand-5': '#755367',
}

RGB Array

[173, 161, 21], [230, 124, 73], [217, 76, 98], [150, 86, 101], [117, 83, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #ADA115, #E67C49, #D94C62, #965665, #755367 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ada115; --color-2: #e67c49; --color-3: #d94c62; --color-4: #965665; --color-5: #755367. 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 bright-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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