← Back to Editor

#490D0D · #C8E46F · #F3F3EA · #230A15 · #F7F6F1

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#490D0D

Vermilion · Maroon · Deep Berry

HEX
#490D0D
RGB
rgb(73, 13, 13)
HSL
hsl(0, 70%, 17%)
HSB
hsb(0, 82%, 29%)
CMYK
cmyk(0%, 82%, 82%, 71%)
Oklch
oklch(27.0% 0.090 25.6)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#C8E46F

Willow Green · Khaki · Apple Green

HEX
#C8E46F
RGB
rgb(200, 228, 111)
HSL
hsl(74, 68%, 66%)
HSB
hsb(74, 51%, 89%)
CMYK
cmyk(12%, 0%, 51%, 11%)
Oklch
oklch(87.4% 0.147 120.7)

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

#F3F3EA

Fresh Green · Linen · Lemon Cream

HEX
#F3F3EA
RGB
rgb(243, 243, 234)
HSL
hsl(60, 27%, 94%)
HSB
hsb(60, 4%, 95%)
CMYK
cmyk(0%, 0%, 4%, 5%)
Oklch
oklch(96.2% 0.012 106.6)

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

#230A15

Dark Violet · Black · Raspberry

HEX
#230A15
RGB
rgb(35, 10, 21)
HSL
hsl(334, 56%, 9%)
HSB
hsb(334, 71%, 14%)
CMYK
cmyk(0%, 71%, 40%, 86%)
Oklch
oklch(19.0% 0.046 354.7)

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

#F7F6F1

Fresh Green · SeaShell · Lemon Cream

HEX
#F7F6F1
RGB
rgb(247, 246, 241)
HSL
hsl(50, 27%, 96%)
HSB
hsb(50, 2%, 97%)
CMYK
cmyk(0%, 0%, 2%, 3%)
Oklch
oklch(97.3% 0.007 97.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

490D0D
0D4A4A

Analogous

4A0D2B
490D0D
4A2B0D

Triadic

490D0D
0D4A0D
0D0D4A

Split-Comp.

490D0D
0D4A2B
0D2B4A

Tetradic

490D0D
2B4A0D
0D4A4A
2B0D4A

Contrast Matrix WCAG 2.1 Contrast

490D0D
C8E46F
F3F3EA
230A15
F7F6F1
—
11.0
AAA
14.0
AAA
1.2
Fail
14.4
AAA
11.0
AAA
—
1.3
Fail
13.1
AAA
1.3
Fail
14.0
AAA
1.3
Fail
—
16.7
AAA
1.0
Fail
1.2
Fail
13.1
AAA
16.7
AAA
—
17.2
AAA
14.4
AAA
1.3
Fail
1.0
Fail
17.2
AAA
—
White BG
15.6AAA
1.4Fail
1.1Fail
18.7AAA
1.1Fail
Black BG
1.3Fail
14.8AAA
18.8AAA
1.1Fail
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2E0D
D4D48B
F3F3EC
181812
F7F7F2

Deuteranopia

33370D
D3D092
F3F3ED
1A1C12
F7F7F3

Tritanopia

460D0D
C9A2A7
F3EEEE
221010
F7F3F3

Achromatopsia

1F1F1F
CECECE
F2F2F2
131313
F6F6F6

Shades & Tints Shades & Tints

#490D0D

Dark
Light

#C8E46F

Dark
Light

#F3F3EA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #490d0d;
  --color-2: #c8e46f;
  --color-3: #f3f3ea;
  --color-4: #230a15;
  --color-5: #f7f6f1;
}

SCSS

$color-1: #490d0d;
$color-2: #c8e46f;
$color-3: #f3f3ea;
$color-4: #230a15;
$color-5: #f7f6f1;

TAILWIND

colors: {
  'brand-1': '#490d0d',
  'brand-2': '#c8e46f',
  'brand-3': '#f3f3ea',
  'brand-4': '#230a15',
  'brand-5': '#f7f6f1',
}

RGB Array

[73, 13, 13], [200, 228, 111], [243, 243, 234], [35, 10, 21], [247, 246, 241]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #490D0D, #C8E46F, #F3F3EA, #230A15, #F7F6F1 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: #490d0d; --color-2: #c8e46f; --color-3: #f3f3ea; --color-4: #230a15; --color-5: #f7f6f1. 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 minimal-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