← Back to Editor

#EFF3F4 · #916E52 · #635852 · #42260E · #170400

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

#EFF3F4

Sky Blue · Lavender · Glacier Blue

HEX
#EFF3F4
RGB
rgb(239, 243, 244)
HSL
hsl(192, 19%, 95%)
HSB
hsb(192, 2%, 96%)
CMYK
cmyk(2%, 0%, 0%, 4%)
Oklch
oklch(96.1% 0.004 214.3)

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

#916E52

Tangerine · DimGray · Amber Brown

HEX
#916E52
RGB
rgb(145, 110, 82)
HSL
hsl(27, 28%, 45%)
HSB
hsb(27, 43%, 57%)
CMYK
cmyk(0%, 24%, 43%, 43%)
Oklch
oklch(56.6% 0.060 59.8)

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

#635852

Tangerine · DimGray · Charcoal

HEX
#635852
RGB
rgb(99, 88, 82)
HSL
hsl(21, 9%, 35%)
HSB
hsb(21, 17%, 39%)
CMYK
cmyk(0%, 11%, 17%, 61%)
Oklch
oklch(46.9% 0.017 50.5)

Traditional「Tangerine」· Paint「Charcoal」· Creative Midnight Shadow

#42260E

Tangerine · Maroon · Cinnamon

HEX
#42260E
RGB
rgb(66, 38, 14)
HSL
hsl(28, 65%, 16%)
HSB
hsb(28, 79%, 26%)
CMYK
cmyk(0%, 42%, 79%, 74%)
Oklch
oklch(29.9% 0.056 58.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#170400

Vermilion · Black · Deep Berry

HEX
#170400
RGB
rgb(23, 4, 0)
HSL
hsl(10, 100%, 5%)
HSB
hsb(10, 100%, 9%)
CMYK
cmyk(0%, 83%, 100%, 91%)
Oklch
oklch(14.3% 0.041 44.5)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFF3F4
F5F1F0

Analogous

F0F5F3
EFF3F4
F0F1F5

Triadic

EFF3F4
F5F0F4
F4F5F0

Split-Comp.

EFF3F4
F5F0F1
F5F3F0

Tetradic

EFF3F4
F3F0F5
F5F1F0
F1F5F0

Contrast Matrix WCAG 2.1 Contrast

EFF3F4
916E52
635852
42260E
170400
—
4.1
AA Large
6.2
AA
12.4
AAA
17.8
AAA
4.1
AA Large
—
1.5
Fail
3.0
AA Large
4.3
AA Large
6.2
AA
1.5
Fail
—
2.0
Fail
2.9
Fail
12.4
AAA
3.0
AA Large
2.0
Fail
—
1.4
Fail
17.8
AAA
4.3
AA Large
2.9
Fail
1.4
Fail
—
White BG
1.1Fail
4.6AA
6.9AA
13.9AAA
19.9AAA
Black BG
18.8AAA
4.6AA
3.0AA Large
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1F4
828259
5E5E53
363614
0F0F01

Deuteranopia

F1F0F4
84875A
5F6054
383A15
101101

Tritanopia

EFF4F4
8F5E5F
625555
411819
160202

Achromatopsia

F2F2F2
757575
5B5B5B
2C2C2C
090909

Shades & Tints Shades & Tints

#EFF3F4

Dark
Light

#916E52

Dark
Light

#635852

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eff3f4;
  --color-2: #916e52;
  --color-3: #635852;
  --color-4: #42260e;
  --color-5: #170400;
}

SCSS

$color-1: #eff3f4;
$color-2: #916e52;
$color-3: #635852;
$color-4: #42260e;
$color-5: #170400;

TAILWIND

colors: {
  'brand-1': '#eff3f4',
  'brand-2': '#916e52',
  'brand-3': '#635852',
  'brand-4': '#42260e',
  'brand-5': '#170400',
}

RGB Array

[239, 243, 244], [145, 110, 82], [99, 88, 82], [66, 38, 14], [23, 4, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFF3F4, #916E52, #635852, #42260E, #170400 is ideal for: tech websites, dark mode UIs, game UIs, 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: #eff3f4; --color-2: #916e52; --color-3: #635852; --color-4: #42260e; --color-5: #170400. 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 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