← Back to Editor

#272B01 · #665203 · #AC7809 · #D48117 · #C22700

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#272B01

Autumn Sage · Black · Amber Gold

HEX
#272B01
RGB
rgb(39, 43, 1)
HSL
hsl(66, 95%, 9%)
HSB
hsb(66, 98%, 17%)
CMYK
cmyk(9%, 0%, 98%, 83%)
Oklch
oklch(27.6% 0.061 115.1)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#665203

Ochre · Olive · Amber Gold

HEX
#665203
RGB
rgb(102, 82, 3)
HSL
hsl(48, 94%, 21%)
HSB
hsb(48, 97%, 40%)
CMYK
cmyk(0%, 20%, 97%, 60%)
Oklch
oklch(44.6% 0.090 92.2)

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

#AC7809

Ochre · DarkGoldenRod · Honey Gold

HEX
#AC7809
RGB
rgb(172, 120, 9)
HSL
hsl(41, 90%, 35%)
HSB
hsb(41, 95%, 67%)
CMYK
cmyk(0%, 30%, 95%, 33%)
Oklch
oklch(61.0% 0.125 77.8)

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

#D48117

Ochre · Chocolate · Amber Brown

HEX
#D48117
RGB
rgb(212, 129, 23)
HSL
hsl(34, 80%, 46%)
HSB
hsb(34, 89%, 83%)
CMYK
cmyk(0%, 39%, 89%, 17%)
Oklch
oklch(67.7% 0.146 64.6)

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

#C22700

Vermilion · FireBrick · Wine Red

HEX
#C22700
RGB
rgb(194, 39, 0)
HSL
hsl(12, 100%, 38%)
HSB
hsb(12, 100%, 76%)
CMYK
cmyk(0%, 80%, 100%, 24%)
Oklch
oklch(52.8% 0.194 33.1)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

272B01
06012D

Analogous

2D1B01
272B01
132D01

Triadic

272B01
01282D
2D0128

Split-Comp.

272B01
01132D
1B012D

Tetradic

272B01
012D1B
06012D
2D0113

Contrast Matrix WCAG 2.1 Contrast

272B01
665203
AC7809
D48117
C22700
—
1.9
Fail
3.8
AA Large
4.9
AA
2.5
Fail
1.9
Fail
—
2.0
Fail
2.5
Fail
1.3
Fail
3.8
AA Large
2.0
Fail
—
1.3
Fail
1.5
Fail
4.9
AA
2.5
Fail
1.3
Fail
—
1.9
Fail
2.5
Fail
1.3
Fail
1.5
Fail
1.9
Fail
—
White BG
14.7AAA
7.6AAA
3.9AA Large
3.0AA Large
5.9AA
Black BG
1.4Fail
2.8Fail
5.4AA
7.0AA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

29290B
5D5D16
959524
B0AF31
7F7D09

Deuteranopia

29280E
5F601B
999C2A
B5BB37
88930C

Tritanopia

271315
652529
A9393E
D04549
BA1113

Achromatopsia

252525
4F4F4F
7B7B7B
8E8E8E
515151

Shades & Tints Shades & Tints

#272B01

Dark
Light

#665203

Dark
Light

#AC7809

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #272b01;
  --color-2: #665203;
  --color-3: #ac7809;
  --color-4: #d48117;
  --color-5: #c22700;
}

SCSS

$color-1: #272b01;
$color-2: #665203;
$color-3: #ac7809;
$color-4: #d48117;
$color-5: #c22700;

TAILWIND

colors: {
  'brand-1': '#272b01',
  'brand-2': '#665203',
  'brand-3': '#ac7809',
  'brand-4': '#d48117',
  'brand-5': '#c22700',
}

RGB Array

[39, 43, 1], [102, 82, 3], [172, 120, 9], [212, 129, 23], [194, 39, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #272B01, #665203, #AC7809, #D48117, #C22700 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #272b01; --color-2: #665203; --color-3: #ac7809; --color-4: #d48117; --color-5: #c22700. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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