← Back to Editor

#F1E9B8 · #C0320C · #BDCFD1 · #799CAF · #926C45

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F1E9B8

Fresh Green · Wheat · Lemon Cream

HEX
#F1E9B8
RGB
rgb(241, 233, 184)
HSL
hsl(52, 67%, 83%)
HSB
hsb(52, 24%, 95%)
CMYK
cmyk(0%, 3%, 24%, 5%)
Oklch
oklch(92.8% 0.064 99.8)

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

#C0320C

Vermilion · FireBrick · Wine Red

HEX
#C0320C
RGB
rgb(192, 50, 12)
HSL
hsl(13, 88%, 40%)
HSB
hsb(13, 94%, 75%)
CMYK
cmyk(0%, 74%, 94%, 25%)
Oklch
oklch(53.4% 0.184 34.3)

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

#BDCFD1

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#BDCFD1
RGB
rgb(189, 207, 209)
HSL
hsl(186, 18%, 78%)
HSB
hsb(186, 10%, 82%)
CMYK
cmyk(10%, 1%, 0%, 18%)
Oklch
oklch(84.2% 0.020 204.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#799CAF

Slate Blue · LightSlateGray · Navy Blue

HEX
#799CAF
RGB
rgb(121, 156, 175)
HSL
hsl(201, 25%, 58%)
HSB
hsb(201, 31%, 69%)
CMYK
cmyk(31%, 11%, 0%, 31%)
Oklch
oklch(67.3% 0.048 232.1)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#926C45

Ochre · Sienna · Amber Brown

HEX
#926C45
RGB
rgb(146, 108, 69)
HSL
hsl(30, 36%, 42%)
HSB
hsb(30, 53%, 57%)
CMYK
cmyk(0%, 26%, 53%, 43%)
Oklch
oklch(56.1% 0.073 66.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1E9B8
B7BEF1

Analogous

F1CCB7
F1E9B8
DBF1B7

Triadic

F1E9B8
B7F1E9
E9B7F1

Split-Comp.

F1E9B8
B7DBF1
CCB7F1

Tetradic

F1E9B8
B7F1CC
B7BEF1
F1B7DB

Contrast Matrix WCAG 2.1 Contrast

F1E9B8
C0320C
BDCFD1
799CAF
926C45
—
4.6
AA
1.3
Fail
2.4
Fail
3.8
AA Large
4.6
AA
—
3.5
AA Large
1.9
Fail
1.2
Fail
1.3
Fail
3.5
AA Large
—
1.8
Fail
2.9
Fail
2.4
Fail
1.9
Fail
1.8
Fail
—
1.6
Fail
3.8
AA Large
1.2
Fail
2.9
Fail
1.6
Fail
—
White BG
1.2Fail
5.7AA
1.6Fail
2.9Fail
4.7AA
Black BG
17.1AAA
3.7AA Large
13.0AAA
7.2AAA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEDC4
838115
C5C5D1
8888AA
82814E

Deuteranopia

EEEFC7
8B9517
C4C2D0
8684A9
848751

Tritanopia

F1CDCF
B91C1E
BED0D0
7BA7A6
905658

Achromatopsia

E6E6E6
585858
CACACA
949494
737373

Shades & Tints Shades & Tints

#F1E9B8

Dark
Light

#C0320C

Dark
Light

#BDCFD1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1e9b8;
  --color-2: #c0320c;
  --color-3: #bdcfd1;
  --color-4: #799caf;
  --color-5: #926c45;
}

SCSS

$color-1: #f1e9b8;
$color-2: #c0320c;
$color-3: #bdcfd1;
$color-4: #799caf;
$color-5: #926c45;

TAILWIND

colors: {
  'brand-1': '#f1e9b8',
  'brand-2': '#c0320c',
  'brand-3': '#bdcfd1',
  'brand-4': '#799caf',
  'brand-5': '#926c45',
}

RGB Array

[241, 233, 184], [192, 50, 12], [189, 207, 209], [121, 156, 175], [146, 108, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1E9B8, #C0320C, #BDCFD1, #799CAF, #926C45 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: #f1e9b8; --color-2: #c0320c; --color-3: #bdcfd1; --color-4: #799caf; --color-5: #926c45. 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