← Back to Editor

#FB9105 · #FAEFBE · #A19A7A · #595544 · #23A16C

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

#FB9105

Ochre · Orange · Amber Brown

HEX
#FB9105
RGB
rgb(251, 145, 5)
HSL
hsl(34, 97%, 50%)
HSB
hsb(34, 98%, 98%)
CMYK
cmyk(0%, 42%, 98%, 2%)
Oklch
oklch(75.4% 0.173 61.6)

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

#FAEFBE

Goose Yellow · Bisque · Lemon Cream

HEX
#FAEFBE
RGB
rgb(250, 239, 190)
HSL
hsl(49, 86%, 86%)
HSB
hsb(49, 24%, 98%)
CMYK
cmyk(0%, 4%, 24%, 2%)
Oklch
oklch(94.9% 0.064 96.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#A19A7A

Ginger · Gray · Sunflower

HEX
#A19A7A
RGB
rgb(161, 154, 122)
HSL
hsl(49, 17%, 55%)
HSB
hsb(49, 24%, 63%)
CMYK
cmyk(0%, 4%, 24%, 37%)
Oklch
oklch(68.4% 0.046 97.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#595544

Ochre · DarkOliveGreen · Honey Gold

HEX
#595544
RGB
rgb(89, 85, 68)
HSL
hsl(49, 13%, 31%)
HSB
hsb(49, 24%, 35%)
CMYK
cmyk(0%, 4%, 24%, 65%)
Oklch
oklch(44.8% 0.027 96.3)

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

#23A16C

Mineral Blue · MediumSeaGreen · Forest Green

HEX
#23A16C
RGB
rgb(35, 161, 108)
HSL
hsl(155, 64%, 38%)
HSB
hsb(155, 78%, 63%)
CMYK
cmyk(78%, 0%, 33%, 37%)
Oklch
oklch(63.0% 0.133 159.6)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB9105
046FFB

Analogous

FB1404
FB9105
EBFB04

Triadic

FB9105
04FB90
9004FB

Split-Comp.

FB9105
04EBFB
1404FB

Tetradic

FB9105
04FB14
046FFB
FB04EB

Contrast Matrix WCAG 2.1 Contrast

FB9105
FAEFBE
A19A7A
595544
23A16C
—
2.0
Fail
1.2
Fail
3.3
AA Large
1.4
Fail
2.0
Fail
—
2.4
Fail
6.5
AA
2.8
Fail
1.2
Fail
2.4
Fail
—
2.6
Fail
1.2
Fail
3.3
AA Large
6.5
AA
2.6
Fail
—
2.3
Fail
1.4
Fail
2.8
Fail
1.2
Fail
2.3
Fail
—
White BG
2.3Fail
1.2Fail
2.8Fail
7.5AAA
3.3AA Large
Black BG
9.2AAA
18.2AAA
7.4AAA
2.8Fail
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCC27
F5F5CA
9E9E82
575748
5A5B79

Deuteranopia

D3DB2F
F6F7CD
9E9F84
585849
52497C

Tritanopia

F64248
F9D3D5
A18889
594B4C
298385

Achromatopsia

A1A1A1
EDEDED
989898
545454
757575

Shades & Tints Shades & Tints

#FB9105

Dark
Light

#FAEFBE

Dark
Light

#A19A7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb9105;
  --color-2: #faefbe;
  --color-3: #a19a7a;
  --color-4: #595544;
  --color-5: #23a16c;
}

SCSS

$color-1: #fb9105;
$color-2: #faefbe;
$color-3: #a19a7a;
$color-4: #595544;
$color-5: #23a16c;

TAILWIND

colors: {
  'brand-1': '#fb9105',
  'brand-2': '#faefbe',
  'brand-3': '#a19a7a',
  'brand-4': '#595544',
  'brand-5': '#23a16c',
}

RGB Array

[251, 145, 5], [250, 239, 190], [161, 154, 122], [89, 85, 68], [35, 161, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FB9105, #FAEFBE, #A19A7A, #595544, #23A16C 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: #fb9105; --color-2: #faefbe; --color-3: #a19a7a; --color-4: #595544; --color-5: #23a16c. 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