← Back to Editor

#C19927 · #A67785 · #945F94 · #95CFC5 · #87FDE7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C19927

Ochre · GoldenRod · Honey Gold

HEX
#C19927
RGB
rgb(193, 153, 39)
HSL
hsl(44, 66%, 45%)
HSB
hsb(44, 80%, 76%)
CMYK
cmyk(0%, 21%, 80%, 24%)
Oklch
oklch(70.1% 0.132 87.9)

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

#A67785

Dark Violet · Gray · Rose Pink

HEX
#A67785
RGB
rgb(166, 119, 133)
HSL
hsl(342, 21%, 56%)
HSB
hsb(342, 28%, 65%)
CMYK
cmyk(0%, 28%, 20%, 35%)
Oklch
oklch(62.1% 0.062 359.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#945F94

Rose Purple · Gray · Violet

HEX
#945F94
RGB
rgb(148, 95, 148)
HSL
hsl(300, 22%, 48%)
HSB
hsb(300, 36%, 58%)
CMYK
cmyk(0%, 36%, 0%, 42%)
Oklch
oklch(56.2% 0.101 326.8)

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

#95CFC5

Jade · LightSteelBlue · Lake Green

HEX
#95CFC5
RGB
rgb(149, 207, 197)
HSL
hsl(170, 38%, 70%)
HSB
hsb(170, 28%, 81%)
CMYK
cmyk(28%, 0%, 5%, 19%)
Oklch
oklch(81.2% 0.061 182.9)

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

#87FDE7

Jade · SkyBlue · Glacier Blue

HEX
#87FDE7
RGB
rgb(135, 253, 231)
HSL
hsl(169, 97%, 76%)
HSB
hsb(169, 47%, 99%)
CMYK
cmyk(47%, 0%, 9%, 1%)
Oklch
oklch(91.9% 0.112 180.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C19927
274FBE

Analogous

BE4A27
C19927
9BBE27

Triadic

C19927
27BE96
9627BE

Split-Comp.

C19927
279BBE
4A27BE

Tetradic

C19927
27BE4A
274FBE
BE279B

Contrast Matrix WCAG 2.1 Contrast

C19927
A67785
945F94
95CFC5
87FDE7
—
1.4
Fail
1.8
Fail
1.5
Fail
2.2
Fail
1.4
Fail
—
1.3
Fail
2.1
Fail
3.1
AA Large
1.8
Fail
1.3
Fail
—
2.8
Fail
4.0
AA Large
1.5
Fail
2.1
Fail
2.8
Fail
—
1.4
Fail
2.2
Fail
3.1
AA Large
4.0
AA Large
1.4
Fail
—
White BG
2.7Fail
3.8AA Large
4.9AA
1.7Fail
1.2Fail
Black BG
7.9AAA
5.6AA
4.3AA Large
12.0AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0AF43
929182
7D7D87
AEAFC7
BABBEC

Deuteranopia

B2B549
949881
808484
ABA6C8
B3AAEE

Tritanopia

BF585D
A47F7E
917D7B
98C9CA
8DF1F1

Achromatopsia

989898
878787
757575
BDBDBD
D7D7D7

Shades & Tints Shades & Tints

#C19927

Dark
Light

#A67785

Dark
Light

#945F94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c19927;
  --color-2: #a67785;
  --color-3: #945f94;
  --color-4: #95cfc5;
  --color-5: #87fde7;
}

SCSS

$color-1: #c19927;
$color-2: #a67785;
$color-3: #945f94;
$color-4: #95cfc5;
$color-5: #87fde7;

TAILWIND

colors: {
  'brand-1': '#c19927',
  'brand-2': '#a67785',
  'brand-3': '#945f94',
  'brand-4': '#95cfc5',
  'brand-5': '#87fde7',
}

RGB Array

[193, 153, 39], [166, 119, 133], [148, 95, 148], [149, 207, 197], [135, 253, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C19927, #A67785, #945F94, #95CFC5, #87FDE7 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: #c19927; --color-2: #a67785; --color-3: #945f94; --color-4: #95cfc5; --color-5: #87fde7. 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 general-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