← Back to Editor

#706C75 · #999999 · #FF3366 · #E6E3D7 · #FFFDF6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#706C75

Ink Gray · DimGray · Warm Gray

HEX
#706C75
RGB
rgb(112, 108, 117)
HSL
hsl(267, 4%, 44%)
HSB
hsb(267, 8%, 46%)
CMYK
cmyk(4%, 8%, 0%, 54%)
Oklch
oklch(53.8% 0.015 305.8)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#999999

Ash · DarkGray · Silver Sand

HEX
#999999
RGB
rgb(153, 153, 153)
HSL
hsl(0, 0%, 60%)
HSB
hsb(0, 0%, 60%)
CMYK
cmyk(0%, 0%, 0%, 40%)
Oklch
oklch(68.3% 0.000 89.9)

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

#FF3366

Vermilion · DeepPink · Passion Red

HEX
#FF3366
RGB
rgb(255, 51, 102)
HSL
hsl(345, 100%, 60%)
HSB
hsb(345, 80%, 100%)
CMYK
cmyk(0%, 80%, 60%, 0%)
Oklch
oklch(65.6% 0.235 13.3)

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

#E6E3D7

Goose Yellow · Beige · Lemon Cream

HEX
#E6E3D7
RGB
rgb(230, 227, 215)
HSL
hsl(48, 23%, 87%)
HSB
hsb(48, 7%, 90%)
CMYK
cmyk(0%, 1%, 7%, 10%)
Oklch
oklch(91.5% 0.016 95.2)

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

#FFFDF6

Goose Yellow · Snow · Lemon Cream

HEX
#FFFDF6
RGB
rgb(255, 253, 246)
HSL
hsl(47, 100%, 98%)
HSB
hsb(47, 4%, 100%)
CMYK
cmyk(0%, 1%, 4%, 0%)
Oklch
oklch(99.4% 0.009 93.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

706C75
71756C

Analogous

6C6C75
706C75
746C75

Triadic

706C75
75706C
6C7570

Split-Comp.

706C75
75746C
6C756C

Tetradic

706C75
756C6C
71756C
6C7574

Contrast Matrix WCAG 2.1 Contrast

706C75
999999
FF3366
E6E3D7
FFFDF6
—
1.8
Fail
1.4
Fail
4.0
AA Large
5.0
AA
1.8
Fail
—
1.2
Fail
2.2
Fail
2.8
Fail
1.4
Fail
1.2
Fail
—
2.8
Fail
3.5
AA Large
4.0
AA Large
2.2
Fail
2.8
Fail
—
1.3
Fail
5.0
AA
2.8
Fail
3.5
AA Large
1.3
Fail
—
White BG
5.1AA
2.8Fail
3.5AA Large
1.3Fail
1.0Fail
Black BG
4.1AA Large
7.4AAA
5.9AA
16.3AAA
20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E73
999999
A7A55A
E5E5DA
FEFEF8

Deuteranopia

6F6F72
999999
B3C257
E5E5DB
FEFEF8

Tritanopia

707171
999999
F5504E
E6DCDD
FFF9F9

Achromatopsia

6E6E6E
999999
767676
E3E3E3
FDFDFD

Shades & Tints Shades & Tints

#706C75

Dark
Light

#999999

Dark
Light

#FF3366

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #706c75;
  --color-2: #999999;
  --color-3: #ff3366;
  --color-4: #e6e3d7;
  --color-5: #fffdf6;
}

SCSS

$color-1: #706c75;
$color-2: #999999;
$color-3: #ff3366;
$color-4: #e6e3d7;
$color-5: #fffdf6;

TAILWIND

colors: {
  'brand-1': '#706c75',
  'brand-2': '#999999',
  'brand-3': '#ff3366',
  'brand-4': '#e6e3d7',
  'brand-5': '#fffdf6',
}

RGB Array

[112, 108, 117], [153, 153, 153], [255, 51, 102], [230, 227, 215], [255, 253, 246]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #706C75, #999999, #FF3366, #E6E3D7, #FFFDF6 is ideal for: health products, baby brands, fresh-style blogs, 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: #706c75; --color-2: #999999; --color-3: #ff3366; --color-4: #e6e3d7; --color-5: #fffdf6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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