#C9B63B + #E46300 + #CE3766 + #464266 + #2C8FAC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C9B63B

Autumn Sage · GoldenRod · Sunflower

HEX

#C9B63B

RGB

rgb(201, 182, 59)

HSL

hsl(52, 57%, 51%)

HSB

hsb(52, 71%, 79%)

CMYK

cmyk(0%, 9%, 71%, 21%)

Oklch

oklch(77.1% 0.140 100.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E46300

Tangerine · Chocolate · Amber Brown

HEX

#E46300

RGB

rgb(228, 99, 0)

HSL

hsl(26, 100%, 45%)

HSB

hsb(26, 100%, 89%)

CMYK

cmyk(0%, 57%, 100%, 11%)

Oklch

oklch(65.1% 0.181 46.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#CE3766

Dark Violet · MediumVioletRed · Rose Pink

HEX

#CE3766

RGB

rgb(206, 55, 102)

HSL

hsl(341, 61%, 51%)

HSB

hsb(341, 73%, 81%)

CMYK

cmyk(0%, 73%, 50%, 19%)

Oklch

oklch(57.6% 0.189 6.9)

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

#464266

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#464266

RGB

rgb(70, 66, 102)

HSL

hsl(247, 21%, 33%)

HSB

hsb(247, 35%, 40%)

CMYK

cmyk(31%, 35%, 0%, 60%)

Oklch

oklch(39.9% 0.060 288.5)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#2C8FAC

Lake Blue · SteelBlue · Mint Ice

HEX

#2C8FAC

RGB

rgb(44, 143, 172)

HSL

hsl(194, 59%, 42%)

HSB

hsb(194, 74%, 67%)

CMYK

cmyk(74%, 17%, 0%, 33%)

Oklch

oklch(60.7% 0.098 221.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9B63B

3B4EC9

Analogous

C96F3B

C9B63B

95C93B

Triadic

C9B63B

3BC9B6

B63BC9

Split-Comp.

C9B63B

3B95C9

6F3BC9

Tetradic

C9B63B

3BC96F

3B4EC9

C93B95

Contrast Matrix WCAG 2.1 Contrast

C9B63B	E46300	CE3766	464266	2C8FAC
—	1.7 Fail	2.3 Fail	4.6 AA	1.8 Fail
1.7 Fail	—	1.4 Fail	2.7 Fail	1.1 Fail
2.3 Fail	1.4 Fail	—	2.0 Fail	1.3 Fail
4.6 AA	2.7 Fail	2.0 Fail	—	2.5 Fail
1.8 Fail	1.1 Fail	1.3 Fail	2.5 Fail	—

White BG

2.1Fail

3.5AA Large

4.8AA

9.4AAA

3.7AA Large

Black BG

10.2AAA

6.1AA

4.4AA Large

2.2Fail

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C159

ACAB18

8D8B5B

44445D

5758A5

Deuteranopia

C2C360

B4BD1E

95A158

45455B

514AA3

Tritanopia

C87075

DE2B2F

C65250

465655

319F9E

Achromatopsia

AEAEAE

7E7E7E

6A6A6A

474747

757575

Shades & Tints Shades & Tints

#C9B63B

Dark

Light

#E46300

Dark

Light

#CE3766

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9b63b;
  --color-2: #e46300;
  --color-3: #ce3766;
  --color-4: #464266;
  --color-5: #2c8fac;
}

SCSS

$color-1: #c9b63b;
$color-2: #e46300;
$color-3: #ce3766;
$color-4: #464266;
$color-5: #2c8fac;

TAILWIND

colors: {
  'brand-1': '#c9b63b',
  'brand-2': '#e46300',
  'brand-3': '#ce3766',
  'brand-4': '#464266',
  'brand-5': '#2c8fac',
}

RGB Array

[201, 182, 59], [228, 99, 0], [206, 55, 102], [70, 66, 102], [44, 143, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9B63B, #E46300, #CE3766, #464266, #2C8FAC 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: #c9b63b; --color-2: #e46300; --color-3: #ce3766; --color-4: #464266; --color-5: #2c8fac. 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