← Back to Editor

#230E34 · #794956 · #D27774 · #B5988C · #B2A8A2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#230E34

Royal Purple · MidnightBlue · Dark Purple

HEX
#230E34
RGB
rgb(35, 14, 52)
HSL
hsl(273, 58%, 13%)
HSB
hsb(273, 73%, 20%)
CMYK
cmyk(33%, 73%, 0%, 80%)
Oklch
oklch(21.8% 0.073 306.8)

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

#794956

Dark Violet · DimGray · Camellia

HEX
#794956
RGB
rgb(121, 73, 86)
HSL
hsl(344, 25%, 38%)
HSB
hsb(344, 40%, 47%)
CMYK
cmyk(0%, 40%, 29%, 53%)
Oklch
oklch(46.5% 0.067 2.5)

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

#D27774

Peach Pink · LightCoral · Coral Red

HEX
#D27774
RGB
rgb(210, 119, 116)
HSL
hsl(2, 51%, 64%)
HSB
hsb(2, 45%, 82%)
CMYK
cmyk(0%, 43%, 45%, 18%)
Oklch
oklch(66.9% 0.114 22.6)

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

#B5988C

Apricot · DarkGray · Warm Sun

HEX
#B5988C
RGB
rgb(181, 152, 140)
HSL
hsl(18, 22%, 63%)
HSB
hsb(18, 23%, 71%)
CMYK
cmyk(0%, 16%, 23%, 29%)
Oklch
oklch(70.3% 0.039 43.7)

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

#B2A8A2

Apricot · DarkGray · Silver Sand

HEX
#B2A8A2
RGB
rgb(178, 168, 162)
HSL
hsl(23, 9%, 67%)
HSB
hsb(23, 9%, 70%)
CMYK
cmyk(0%, 6%, 9%, 30%)
Oklch
oklch(73.8% 0.014 53.3)

Traditional「Apricot」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

230E34
1F340E

Analogous

100E34
230E34
340E32

Triadic

230E34
34230E
0E3423

Split-Comp.

230E34
32340E
0E3410

Tetradic

230E34
34100E
1F340E
0E3234

Contrast Matrix WCAG 2.1 Contrast

230E34
794956
D27774
B5988C
B2A8A2
—
2.4
Fail
5.6
AA
6.6
AA
7.6
AAA
2.4
Fail
—
2.3
Fail
2.7
Fail
3.1
AA Large
5.6
AA
2.3
Fail
—
1.2
Fail
1.4
Fail
6.6
AA
2.7
Fail
1.2
Fail
—
1.2
Fail
7.6
AAA
3.1
AA Large
1.4
Fail
1.2
Fail
—
White BG
17.7AAA
7.2AAA
3.2AA Large
2.7Fail
2.3Fail
Black BG
1.2Fail
2.9Fail
6.6AA
7.8AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A2B
646453
ABAA75
A8A88F
AEAEA3

Deuteranopia

1B1D29
676B52
B0B775
AAAC90
AEAFA4

Tritanopia

222422
775050
CD7575
B49192
B2A5A5

Achromatopsia

191919
595959
929292
9F9F9F
AAAAAA

Shades & Tints Shades & Tints

#230E34

Dark
Light

#794956

Dark
Light

#D27774

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #230e34;
  --color-2: #794956;
  --color-3: #d27774;
  --color-4: #b5988c;
  --color-5: #b2a8a2;
}

SCSS

$color-1: #230e34;
$color-2: #794956;
$color-3: #d27774;
$color-4: #b5988c;
$color-5: #b2a8a2;

TAILWIND

colors: {
  'brand-1': '#230e34',
  'brand-2': '#794956',
  'brand-3': '#d27774',
  'brand-4': '#b5988c',
  'brand-5': '#b2a8a2',
}

RGB Array

[35, 14, 52], [121, 73, 86], [210, 119, 116], [181, 152, 140], [178, 168, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #230E34, #794956, #D27774, #B5988C, #B2A8A2 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: #230e34; --color-2: #794956; --color-3: #d27774; --color-4: #b5988c; --color-5: #b2a8a2. 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