#A4A63A + #CD3426 + #F07930 + #75BAA5 + #CFD082 · summer - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A4A63A

Autumn Sage · GoldenRod · Honey Gold

HEX

#A4A63A

RGB

rgb(164, 166, 58)

HSL

hsl(61, 48%, 44%)

HSB

hsb(61, 65%, 65%)

CMYK

cmyk(1%, 0%, 65%, 35%)

Oklch

oklch(70.3% 0.129 110.3)

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

#CD3426

Vermilion · FireBrick · Passion Red

HEX

#CD3426

RGB

rgb(205, 52, 38)

HSL

hsl(5, 69%, 48%)

HSB

hsb(5, 81%, 80%)

CMYK

cmyk(0%, 75%, 81%, 20%)

Oklch

oklch(56.1% 0.192 29.6)

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

#F07930

Tangerine · Tomato · Warm Sun

HEX

#F07930

RGB

rgb(240, 121, 48)

HSL

hsl(23, 86%, 56%)

HSB

hsb(23, 80%, 94%)

CMYK

cmyk(0%, 50%, 80%, 6%)

Oklch

oklch(70.2% 0.168 48.2)

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

#75BAA5

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#75BAA5

RGB

rgb(117, 186, 165)

HSL

hsl(162, 33%, 59%)

HSB

hsb(162, 37%, 73%)

CMYK

cmyk(37%, 0%, 11%, 27%)

Oklch

oklch(73.7% 0.077 172.8)

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

#CFD082

Fresh Green · BurlyWood · Sunflower

HEX

#CFD082

RGB

rgb(207, 208, 130)

HSL

hsl(61, 45%, 66%)

HSB

hsb(61, 38%, 82%)

CMYK

cmyk(0%, 0%, 38%, 18%)

Oklch

oklch(83.9% 0.100 109.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4A63A

3C3AA6

Analogous

A6723A

A4A63A

6EA63A

Triadic

A4A63A

3AA4A6

A63AA4

Split-Comp.

A4A63A

3A6EA6

723AA6

Tetradic

A4A63A

3AA672

3C3AA6

A63A6E

Contrast Matrix WCAG 2.1 Contrast

A4A63A	CD3426	F07930	75BAA5	CFD082
—	2.0 Fail	1.1 Fail	1.2 Fail	1.6 Fail
2.0 Fail	—	1.8 Fail	2.3 Fail	3.2 AA Large
1.1 Fail	1.8 Fail	—	1.2 Fail	1.7 Fail
1.2 Fail	2.3 Fail	1.2 Fail	—	1.4 Fail
1.6 Fail	3.2 AA Large	1.7 Fail	1.4 Fail	—

White BG

2.6Fail

5.1AA

2.8Fail

2.3Fail

1.6Fail

Black BG

8.1AAA

4.1AA Large

7.5AAA

9.3AAA

13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A554

8B8929

BCBB42

9393AA

CFCF95

Deuteranopia

A5A55A

949F2A

C3CC46

8F8AAB

CFCF99

Tritanopia

A4696D

C52C2D

EA5053

78AEAF

CFA4A7

Achromatopsia

999999

606060

949494

A3A3A3

C7C7C7

Shades & Tints Shades & Tints

#A4A63A

Dark

Light

#CD3426

Dark

Light

#F07930

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4a63a;
  --color-2: #cd3426;
  --color-3: #f07930;
  --color-4: #75baa5;
  --color-5: #cfd082;
}

SCSS

$color-1: #a4a63a;
$color-2: #cd3426;
$color-3: #f07930;
$color-4: #75baa5;
$color-5: #cfd082;

TAILWIND

colors: {
  'brand-1': '#a4a63a',
  'brand-2': '#cd3426',
  'brand-3': '#f07930',
  'brand-4': '#75baa5',
  'brand-5': '#cfd082',
}

RGB Array

[164, 166, 58], [205, 52, 38], [240, 121, 48], [117, 186, 165], [207, 208, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #A4A63A, #CD3426, #F07930, #75BAA5, #CFD082 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: #a4a63a; --color-2: #cd3426; --color-3: #f07930; --color-4: #75baa5; --color-5: #cfd082. 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 summer-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