#EEFF1A + #DEAD26 + #969393 + #686887 + #4E4789 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EEFF1A

Autumn Sage · Yellow · Sunflower

HEX

#EEFF1A

RGB

rgb(238, 255, 26)

HSL

hsl(64, 100%, 55%)

HSB

hsb(64, 90%, 100%)

CMYK

cmyk(7%, 0%, 90%, 0%)

Oklch

oklch(95.5% 0.212 114.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DEAD26

Ginger · GoldenRod · Sunflower

HEX

#DEAD26

RGB

rgb(222, 173, 38)

HSL

hsl(44, 74%, 51%)

HSB

hsb(44, 83%, 87%)

CMYK

cmyk(0%, 22%, 83%, 13%)

Oklch

oklch(77.2% 0.149 86.5)

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

#969393

Ash · LightSlateGray · Silver Sand

HEX

#969393

RGB

rgb(150, 147, 147)

HSL

hsl(0, 1%, 58%)

HSB

hsb(0, 2%, 59%)

CMYK

cmyk(0%, 2%, 2%, 41%)

Oklch

oklch(66.6% 0.004 17.2)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#686887

Deep Indigo · SlateGray · Navy Blue

HEX

#686887

RGB

rgb(104, 104, 135)

HSL

hsl(240, 13%, 47%)

HSB

hsb(240, 23%, 53%)

CMYK

cmyk(23%, 23%, 0%, 47%)

Oklch

oklch(52.9% 0.048 284.6)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#4E4789

Deep Indigo · DarkSlateBlue · Navy Blue

HEX

#4E4789

RGB

rgb(78, 71, 137)

HSL

hsl(246, 32%, 41%)

HSB

hsb(246, 48%, 54%)

CMYK

cmyk(43%, 48%, 0%, 46%)

Oklch

oklch(43.8% 0.106 286.0)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEFF1A

291AFF

Analogous

FF9C1A

EEFF1A

7DFF1A

Triadic

EEFF1A

1AF0FF

FF1AF0

Split-Comp.

EEFF1A

1A7DFF

9C1AFF

Tetradic

EEFF1A

1AFF9C

291AFF

FF1A7D

Contrast Matrix WCAG 2.1 Contrast

EEFF1A	DEAD26	969393	686887	4E4789
—	1.9 Fail	2.8 Fail	4.8 AA	7.3 AAA
1.9 Fail	—	1.5 Fail	2.6 Fail	3.9 AA Large
2.8 Fail	1.5 Fail	—	1.8 Fail	2.7 Fail
4.8 AA	2.6 Fail	1.8 Fail	—	1.5 Fail
7.3 AAA	3.9 AA Large	2.7 Fail	1.5 Fail	—

White BG

1.1Fail

2.1Fail

3.0AA Large

5.4AA

8.1AAA

Black BG

19.0AAA

10.1AAA

6.9AA

3.9AA Large

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F651

C9C847

959593

68687F

4B4B79

Deuteranopia

F4F35F

CCCF4F

959593

68687E

4B4C75

Tritanopia

EF7D87

DC6066

969393

687A78

4E6C6A

Achromatopsia

E0E0E0

ACACAC

949494

6C6C6C

515151

Shades & Tints Shades & Tints

#EEFF1A

Dark

Light

#DEAD26

Dark

Light

#969393

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeff1a;
  --color-2: #dead26;
  --color-3: #969393;
  --color-4: #686887;
  --color-5: #4e4789;
}

SCSS

$color-1: #eeff1a;
$color-2: #dead26;
$color-3: #969393;
$color-4: #686887;
$color-5: #4e4789;

TAILWIND

colors: {
  'brand-1': '#eeff1a',
  'brand-2': '#dead26',
  'brand-3': '#969393',
  'brand-4': '#686887',
  'brand-5': '#4e4789',
}

RGB Array

[238, 255, 26], [222, 173, 38], [150, 147, 147], [104, 104, 135], [78, 71, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #EEFF1A, #DEAD26, #969393, #686887, #4E4789 is ideal for: corporate websites, product showcases, portfolios. 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: #eeff1a; --color-2: #dead26; --color-3: #969393; --color-4: #686887; --color-5: #4e4789. 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 warm-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