#230E34 + #685E38 + #3B9782 + #645F5D + #5A2842 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

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

#685E38

Ochre · DarkOliveGreen · Honey Gold

HEX

#685E38

RGB

rgb(104, 94, 56)

HSL

hsl(48, 30%, 31%)

HSB

hsb(48, 46%, 41%)

CMYK

cmyk(0%, 10%, 46%, 59%)

Oklch

oklch(48.2% 0.057 95.1)

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

#3B9782

Mineral Blue · MediumSeaGreen · Mint Ice

HEX

#3B9782

RGB

rgb(59, 151, 130)

HSL

hsl(166, 44%, 41%)

HSB

hsb(166, 61%, 59%)

CMYK

cmyk(61%, 0%, 14%, 41%)

Oklch

oklch(61.5% 0.093 175.4)

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

#645F5D

Ink Gray · DimGray · Charcoal

HEX

#645F5D

RGB

rgb(100, 95, 93)

HSL

hsl(17, 4%, 38%)

HSB

hsb(17, 7%, 39%)

CMYK

cmyk(0%, 5%, 7%, 61%)

Oklch

oklch(48.9% 0.007 43.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#5A2842

Rose Purple · DarkSlateGray · Raspberry

HEX

#5A2842

RGB

rgb(90, 40, 66)

HSL

hsl(329, 38%, 25%)

HSB

hsb(329, 56%, 35%)

CMYK

cmyk(0%, 56%, 27%, 65%)

Oklch

oklch(35.5% 0.081 349.6)

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

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	685E38	3B9782	645F5D	5A2842
—	2.7 Fail	5.0 AA	2.8 Fail	1.5 Fail
2.7 Fail	—	1.8 Fail	1.0 Fail	1.8 Fail
5.0 AA	1.8 Fail	—	1.8 Fail	3.3 AA Large
2.8 Fail	1.0 Fail	1.8 Fail	—	1.8 Fail
1.5 Fail	1.8 Fail	3.3 AA Large	1.8 Fail	—

White BG

17.7AAA

6.5AA

3.5AA Large

6.3AA

11.6AAA

Black BG

1.2Fail

3.2AA Large

5.9AA

3.3AA Large

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A2B

646441

636487

62625D

44443C

Deuteranopia

1B1D29

646543

5E5788

62635E

474B3A

Tritanopia

222422

68484A

408B8C

645E5E

583736

Achromatopsia

191919

5D5D5D

797979

606060

3A3A3A

Shades & Tints Shades & Tints

#230E34

Dark

Light

#685E38

Dark

Light

#3B9782

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #230e34;
  --color-2: #685e38;
  --color-3: #3b9782;
  --color-4: #645f5d;
  --color-5: #5a2842;
}

SCSS

$color-1: #230e34;
$color-2: #685e38;
$color-3: #3b9782;
$color-4: #645f5d;
$color-5: #5a2842;

TAILWIND

colors: {
  'brand-1': '#230e34',
  'brand-2': '#685e38',
  'brand-3': '#3b9782',
  'brand-4': '#645f5d',
  'brand-5': '#5a2842',
}

RGB Array

[35, 14, 52], [104, 94, 56], [59, 151, 130], [100, 95, 93], [90, 40, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #230E34, #685E38, #3B9782, #645F5D, #5A2842 is ideal for: tech websites, dark mode UIs, game UIs. 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: #685e38; --color-3: #3b9782; --color-4: #645f5d; --color-5: #5a2842. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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