← Back to Editor

#FAD65C · #C35033 · #912C3C · #3B6C68 · #042A33

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FAD65C

Ginger · SandyBrown · Sunflower

HEX
#FAD65C
RGB
rgb(250, 214, 92)
HSL
hsl(46, 94%, 67%)
HSB
hsb(46, 63%, 98%)
CMYK
cmyk(0%, 14%, 63%, 2%)
Oklch
oklch(88.4% 0.144 92.7)

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

#C35033

Crimson · Sienna · Passion Red

HEX
#C35033
RGB
rgb(195, 80, 51)
HSL
hsl(12, 59%, 48%)
HSB
hsb(12, 74%, 76%)
CMYK
cmyk(0%, 59%, 74%, 24%)
Oklch
oklch(57.7% 0.154 35.3)

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

#912C3C

Crimson · Brown · Wine Red

HEX
#912C3C
RGB
rgb(145, 44, 60)
HSL
hsl(350, 53%, 37%)
HSB
hsb(350, 70%, 57%)
CMYK
cmyk(0%, 70%, 59%, 43%)
Oklch
oklch(45.0% 0.135 15.3)

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

#3B6C68

Mineral Blue · SeaGreen · Mint Ice

HEX
#3B6C68
RGB
rgb(59, 108, 104)
HSL
hsl(175, 29%, 33%)
HSB
hsb(175, 45%, 42%)
CMYK
cmyk(45%, 0%, 4%, 58%)
Oklch
oklch(49.5% 0.054 188.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#042A33

Lake Blue · DarkSlateGray · Peacock Green

HEX
#042A33
RGB
rgb(4, 42, 51)
HSL
hsl(191, 85%, 11%)
HSB
hsb(191, 92%, 20%)
CMYK
cmyk(92%, 18%, 0%, 80%)
Oklch
oklch(26.4% 0.044 217.5)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD65C
5C81FA

Analogous

FA865C
FAD65C
D0FA5C

Triadic

FAD65C
5CFAD5
D55CFA

Split-Comp.

FAD65C
5CD0FA
865CFA

Tetradic

FAD65C
5CFA86
5C81FA
FA5CD0

Contrast Matrix WCAG 2.1 Contrast

FAD65C
C35033
912C3C
3B6C68
042A33
—
3.3
AA Large
5.6
AA
4.2
AA Large
10.7
AAA
3.3
AA Large
—
1.7
Fail
1.3
Fail
3.3
AA Large
5.6
AA
1.7
Fail
—
1.3
Fail
1.9
Fail
4.2
AA Large
1.3
Fail
1.3
Fail
—
2.6
Fail
10.7
AAA
3.3
AA Large
1.9
Fail
2.6
Fail
—
White BG
1.4Fail
4.7AA
8.0AAA
5.9AA
15.2AAA
Black BG
14.8AAA
4.5AA
2.6Fail
3.5AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEA7A
91903A
656438
505169
141531

Deuteranopia

EDEF81
98A13C
6B7337
4D4A69
120F30

Tritanopia

F89196
BD4041
8C3534
3D6A6A
062F2F

Achromatopsia

D3D3D3
6F6F6F
4C4C4C
5D5D5D
202020

Shades & Tints Shades & Tints

#FAD65C

Dark
Light

#C35033

Dark
Light

#912C3C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad65c;
  --color-2: #c35033;
  --color-3: #912c3c;
  --color-4: #3b6c68;
  --color-5: #042a33;
}

SCSS

$color-1: #fad65c;
$color-2: #c35033;
$color-3: #912c3c;
$color-4: #3b6c68;
$color-5: #042a33;

TAILWIND

colors: {
  'brand-1': '#fad65c',
  'brand-2': '#c35033',
  'brand-3': '#912c3c',
  'brand-4': '#3b6c68',
  'brand-5': '#042a33',
}

RGB Array

[250, 214, 92], [195, 80, 51], [145, 44, 60], [59, 108, 104], [4, 42, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAD65C, #C35033, #912C3C, #3B6C68, #042A33 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fad65c; --color-2: #c35033; --color-3: #912c3c; --color-4: #3b6c68; --color-5: #042a33. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 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