← Back to Editor

#694C3B · #FF6E42 · #FFA442 · #FFD942 · #F2FF64

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

#694C3B

Tangerine · DarkOliveGreen · Amber Brown

HEX
#694C3B
RGB
rgb(105, 76, 59)
HSL
hsl(22, 28%, 32%)
HSB
hsb(22, 44%, 41%)
CMYK
cmyk(0%, 28%, 44%, 59%)
Oklch
oklch(44.3% 0.048 51.5)

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

#FF6E42

Peach Pink · Tomato · Coral Red

HEX
#FF6E42
RGB
rgb(255, 110, 66)
HSL
hsl(14, 100%, 63%)
HSB
hsb(14, 74%, 100%)
CMYK
cmyk(0%, 57%, 74%, 0%)
Oklch
oklch(71.0% 0.187 37.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFA442

Ginger · SandyBrown · Warm Sun

HEX
#FFA442
RGB
rgb(255, 164, 66)
HSL
hsl(31, 100%, 63%)
HSB
hsb(31, 74%, 100%)
CMYK
cmyk(0%, 36%, 74%, 0%)
Oklch
oklch(79.4% 0.153 63.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FFD942

Ginger · SandyBrown · Sunflower

HEX
#FFD942
RGB
rgb(255, 217, 66)
HSL
hsl(48, 100%, 63%)
HSB
hsb(48, 74%, 100%)
CMYK
cmyk(0%, 15%, 74%, 0%)
Oklch
oklch(89.3% 0.164 94.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F2FF64

Fresh Green · Khaki · Sunflower

HEX
#F2FF64
RGB
rgb(242, 255, 100)
HSL
hsl(65, 100%, 70%)
HSB
hsb(65, 61%, 100%)
CMYK
cmyk(5%, 0%, 61%, 0%)
Oklch
oklch(96.2% 0.176 113.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

694C3B
3B5868

Analogous

683B41
694C3B
68623B

Triadic

694C3B
3B684C
4C3B68

Split-Comp.

694C3B
3B6862
3B4168

Tetradic

694C3B
41683B
3B5868
623B68

Contrast Matrix WCAG 2.1 Contrast

694C3B
FF6E42
FFA442
FFD942
F2FF64
—
2.8
Fail
3.9
AA Large
5.7
AA
7.1
AAA
2.8
Fail
—
1.4
Fail
2.0
Fail
2.5
Fail
3.9
AA Large
1.4
Fail
—
1.4
Fail
1.8
Fail
5.7
AA
2.0
Fail
1.4
Fail
—
1.3
Fail
7.1
AAA
2.5
Fail
1.8
Fail
1.3
Fail
—
White BG
7.8AAA
2.8Fail
2.0Fail
1.4Fail
1.1Fail
Black BG
2.7Fail
7.6AAA
10.6AAA
15.3AAA
19.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5C3F
C0BF4D
D8D75A
EFEE67
F8F88A

Deuteranopia

5E6040
C9D44F
DDE45F
F1F46F
F7F693

Tritanopia

684243
F85557
FA6C71
FD838A
F3A7AE

Achromatopsia

535353
949494
B4B4B4
D3D3D3
E9E9E9

Shades & Tints Shades & Tints

#694C3B

Dark
Light

#FF6E42

Dark
Light

#FFA442

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #694c3b;
  --color-2: #ff6e42;
  --color-3: #ffa442;
  --color-4: #ffd942;
  --color-5: #f2ff64;
}

SCSS

$color-1: #694c3b;
$color-2: #ff6e42;
$color-3: #ffa442;
$color-4: #ffd942;
$color-5: #f2ff64;

TAILWIND

colors: {
  'brand-1': '#694c3b',
  'brand-2': '#ff6e42',
  'brand-3': '#ffa442',
  'brand-4': '#ffd942',
  'brand-5': '#f2ff64',
}

RGB Array

[105, 76, 59], [255, 110, 66], [255, 164, 66], [255, 217, 66], [242, 255, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #694C3B, #FF6E42, #FFA442, #FFD942, #F2FF64 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #694c3b; --color-2: #ff6e42; --color-3: #ffa442; --color-4: #ffd942; --color-5: #f2ff64. 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. 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