← Back to Editor

#452A31 · #F2502C · #F49A39 · #CAD17A · #91C494

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

#452A31

Dark Violet · DarkSlateGray · Raspberry

HEX
#452A31
RGB
rgb(69, 42, 49)
HSL
hsl(344, 24%, 22%)
HSB
hsb(344, 39%, 27%)
CMYK
cmyk(0%, 39%, 29%, 73%)
Oklch
oklch(32.1% 0.041 2.8)

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

#F2502C

Vermilion · Tomato · Passion Red

HEX
#F2502C
RGB
rgb(242, 80, 44)
HSL
hsl(11, 88%, 56%)
HSB
hsb(11, 82%, 95%)
CMYK
cmyk(0%, 67%, 82%, 5%)
Oklch
oklch(65.1% 0.204 33.9)

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

#F49A39

Ginger · Coral · Warm Sun

HEX
#F49A39
RGB
rgb(244, 154, 57)
HSL
hsl(31, 89%, 59%)
HSB
hsb(31, 77%, 96%)
CMYK
cmyk(0%, 37%, 77%, 4%)
Oklch
oklch(76.2% 0.151 63.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#CAD17A

Fresh Green · BurlyWood · Sunflower

HEX
#CAD17A
RGB
rgb(202, 209, 122)
HSL
hsl(65, 49%, 65%)
HSB
hsb(65, 42%, 82%)
CMYK
cmyk(3%, 0%, 42%, 18%)
Oklch
oklch(83.6% 0.111 112.5)

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

#91C494

Celadon · DarkSeaGreen · Apple Green

HEX
#91C494
RGB
rgb(145, 196, 148)
HSL
hsl(124, 30%, 67%)
HSB
hsb(124, 26%, 77%)
CMYK
cmyk(26%, 0%, 24%, 23%)
Oklch
oklch(77.2% 0.086 146.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

452A31
2B463E

Analogous

462B3F
452A31
46312B

Triadic

452A31
32462B
2B3246

Split-Comp.

452A31
2B4631
2B3F46

Tetradic

452A31
3F462B
2B463E
312B46

Contrast Matrix WCAG 2.1 Contrast

452A31
F2502C
F49A39
CAD17A
91C494
—
3.7
AA Large
5.9
AA
7.9
AAA
6.5
AA
3.7
AA Large
—
1.6
Fail
2.2
Fail
1.8
Fail
5.9
AA
1.6
Fail
—
1.4
Fail
1.1
Fail
7.9
AAA
2.2
Fail
1.4
Fail
—
1.2
Fail
6.5
AA
1.8
Fail
1.1
Fail
1.2
Fail
—
White BG
12.9AAA
3.5AA Large
2.2Fail
1.6Fail
2.0Fail
Black BG
1.6Fail
6.0AA
9.5AAA
12.9AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

39392F
ACAA35
CDCC50
CDCD8F
A7A8A0

Deuteranopia

3B3D2F
B5C137
D2D956
CDCC94
A4A0A2

Tritanopia

442E2E
EA3C3D
EF6367
CAA0A3
94A9AB

Achromatopsia

333333
7C7C7C
AAAAAA
C5C5C5
AFAFAF

Shades & Tints Shades & Tints

#452A31

Dark
Light

#F2502C

Dark
Light

#F49A39

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #452a31;
  --color-2: #f2502c;
  --color-3: #f49a39;
  --color-4: #cad17a;
  --color-5: #91c494;
}

SCSS

$color-1: #452a31;
$color-2: #f2502c;
$color-3: #f49a39;
$color-4: #cad17a;
$color-5: #91c494;

TAILWIND

colors: {
  'brand-1': '#452a31',
  'brand-2': '#f2502c',
  'brand-3': '#f49a39',
  'brand-4': '#cad17a',
  'brand-5': '#91c494',
}

RGB Array

[69, 42, 49], [242, 80, 44], [244, 154, 57], [202, 209, 122], [145, 196, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #452A31, #F2502C, #F49A39, #CAD17A, #91C494 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: #452a31; --color-2: #f2502c; --color-3: #f49a39; --color-4: #cad17a; --color-5: #91c494. 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