← Back to Editor

#693448 · #C37B74 · #D5D19A · #779F98 · #565B88

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 LibraryData Visualization

Color Details Color Details

#693448

Dark Violet · DimGray · Camellia

HEX
#693448
RGB
rgb(105, 52, 72)
HSL
hsl(337, 34%, 31%)
HSB
hsb(337, 50%, 41%)
CMYK
cmyk(0%, 50%, 31%, 59%)
Oklch
oklch(40.0% 0.079 357.4)

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

#C37B74

Peach Pink · LightCoral · Coral Red

HEX
#C37B74
RGB
rgb(195, 123, 116)
HSL
hsl(5, 40%, 61%)
HSB
hsb(5, 41%, 76%)
CMYK
cmyk(0%, 37%, 41%, 24%)
Oklch
oklch(65.7% 0.091 25.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D5D19A

Fresh Green · Tan · Sunflower

HEX
#D5D19A
RGB
rgb(213, 209, 154)
HSL
hsl(56, 41%, 72%)
HSB
hsb(56, 28%, 84%)
CMYK
cmyk(0%, 2%, 28%, 16%)
Oklch
oklch(85.1% 0.072 104.3)

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

#779F98

Mineral Blue · LightSlateGray · Lake Green

HEX
#779F98
RGB
rgb(119, 159, 152)
HSL
hsl(170, 17%, 55%)
HSB
hsb(170, 25%, 62%)
CMYK
cmyk(25%, 0%, 4%, 38%)
Oklch
oklch(67.1% 0.045 183.0)

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

#565B88

Indigo · DarkSlateBlue · Navy Blue

HEX
#565B88
RGB
rgb(86, 91, 136)
HSL
hsl(234, 23%, 44%)
HSB
hsb(234, 37%, 53%)
CMYK
cmyk(37%, 33%, 0%, 47%)
Oklch
oklch(48.6% 0.072 278.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

693448
346A55

Analogous

6A3464
693448
6A3A34

Triadic

693448
496A34
34496A

Split-Comp.

693448
346A3A
34646A

Tetradic

693448
646A34
346A55
3A346A

Contrast Matrix WCAG 2.1 Contrast

693448
C37B74
D5D19A
779F98
565B88
—
2.9
Fail
6.1
AA
3.3
AA Large
1.5
Fail
2.9
Fail
—
2.1
Fail
1.1
Fail
2.0
Fail
6.1
AA
2.1
Fail
—
1.9
Fail
4.1
AA Large
3.3
AA Large
1.1
Fail
1.9
Fail
—
2.2
Fail
1.5
Fail
2.0
Fail
4.1
AA Large
2.2
Fail
—
White BG
9.6AAA
3.3AA Large
1.6Fail
2.9Fail
6.5AA
Black BG
2.2Fail
6.4AA
13.4AAA
7.2AAA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

525243
A4A376
D3D3A7
88899A
58587D

Deuteranopia

555942
A8AD76
D4D4AB
86839A
58587A

Tritanopia

663F3F
BF7777
D5B2B4
799B9B
567573

Achromatopsia

464646
909090
CCCCCC
929292
5F5F5F

Shades & Tints Shades & Tints

#693448

Dark
Light

#C37B74

Dark
Light

#D5D19A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #693448;
  --color-2: #c37b74;
  --color-3: #d5d19a;
  --color-4: #779f98;
  --color-5: #565b88;
}

SCSS

$color-1: #693448;
$color-2: #c37b74;
$color-3: #d5d19a;
$color-4: #779f98;
$color-5: #565b88;

TAILWIND

colors: {
  'brand-1': '#693448',
  'brand-2': '#c37b74',
  'brand-3': '#d5d19a',
  'brand-4': '#779f98',
  'brand-5': '#565b88',
}

RGB Array

[105, 52, 72], [195, 123, 116], [213, 209, 154], [119, 159, 152], [86, 91, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #693448, #C37B74, #D5D19A, #779F98, #565B88 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #693448; --color-2: #c37b74; --color-3: #d5d19a; --color-4: #779f98; --color-5: #565b88. 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 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