← Back to Editor

#C6B09C · #A22022 · #530259 · #0B757D · #7EBFB5

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

#C6B09C

Apricot · Tan · Warm Sun

HEX
#C6B09C
RGB
rgb(198, 176, 156)
HSL
hsl(29, 27%, 69%)
HSB
hsb(29, 21%, 78%)
CMYK
cmyk(0%, 11%, 21%, 22%)
Oklch
oklch(77.1% 0.038 64.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#A22022

Vermilion · Brown · Wine Red

HEX
#A22022
RGB
rgb(162, 32, 34)
HSL
hsl(359, 67%, 38%)
HSB
hsb(359, 80%, 64%)
CMYK
cmyk(0%, 80%, 79%, 36%)
Oklch
oklch(46.5% 0.166 25.9)

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

#530259

Royal Purple · Purple · Dark Purple

HEX
#530259
RGB
rgb(83, 2, 89)
HSL
hsl(296, 96%, 18%)
HSB
hsb(296, 98%, 35%)
CMYK
cmyk(7%, 98%, 0%, 65%)
Oklch
oklch(31.6% 0.145 324.9)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#0B757D

Lake Blue · Teal · Mint Ice

HEX
#0B757D
RGB
rgb(11, 117, 125)
HSL
hsl(184, 84%, 27%)
HSB
hsb(184, 91%, 49%)
CMYK
cmyk(91%, 6%, 0%, 51%)
Oklch
oklch(51.4% 0.085 203.4)

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

#7EBFB5

Jade · MediumAquaMarine · Lake Green

HEX
#7EBFB5
RGB
rgb(126, 191, 181)
HSL
hsl(171, 34%, 62%)
HSB
hsb(171, 34%, 75%)
CMYK
cmyk(34%, 0%, 5%, 25%)
Oklch
oklch(75.8% 0.068 183.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6B09C
9BB1C5

Analogous

C59B9B
C6B09C
C5C59B

Triadic

C6B09C
9BC5AF
AF9BC5

Split-Comp.

C6B09C
9BC5C5
9B9BC5

Tetradic

C6B09C
9BC59B
9BB1C5
C59BC5

Contrast Matrix WCAG 2.1 Contrast

C6B09C
A22022
530259
0B757D
7EBFB5
—
3.6
AA Large
6.6
AA
2.6
Fail
1.0
Fail
3.6
AA Large
—
1.8
Fail
1.4
Fail
3.6
AA Large
6.6
AA
1.8
Fail
—
2.5
Fail
6.6
AA
2.6
Fail
1.4
Fail
2.5
Fail
—
2.6
Fail
1.0
Fail
3.6
AA Large
6.6
AA
2.6
Fail
—
White BG
2.1Fail
7.6AAA
13.8AAA
5.4AA
2.1Fail
Black BG
10.1AAA
2.8Fail
1.5Fail
3.9AA Large
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCA1
6A6922
302F44
393A7B
9A9BB7

Deuteranopia

BEBFA2
717B21
353B3F
332B7B
9692B8

Tritanopia

C5A5A6
9C2121
4F3330
107A79
81B9BA

Achromatopsia

B4B4B4
474747
242424
565656
AAAAAA

Shades & Tints Shades & Tints

#C6B09C

Dark
Light

#A22022

Dark
Light

#530259

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6b09c;
  --color-2: #a22022;
  --color-3: #530259;
  --color-4: #0b757d;
  --color-5: #7ebfb5;
}

SCSS

$color-1: #c6b09c;
$color-2: #a22022;
$color-3: #530259;
$color-4: #0b757d;
$color-5: #7ebfb5;

TAILWIND

colors: {
  'brand-1': '#c6b09c',
  'brand-2': '#a22022',
  'brand-3': '#530259',
  'brand-4': '#0b757d',
  'brand-5': '#7ebfb5',
}

RGB Array

[198, 176, 156], [162, 32, 34], [83, 2, 89], [11, 117, 125], [126, 191, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6B09C, #A22022, #530259, #0B757D, #7EBFB5 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: #c6b09c; --color-2: #a22022; --color-3: #530259; --color-4: #0b757d; --color-5: #7ebfb5. 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 general-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