#707994 + #718E91 + #62B39E + #B4EB8A + #FDFFC2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#707994

Azure · SlateGray · Navy Blue

HEX

#707994

RGB

rgb(112, 121, 148)

HSL

hsl(225, 14%, 51%)

HSB

hsb(225, 24%, 58%)

CMYK

cmyk(24%, 18%, 0%, 42%)

Oklch

oklch(57.8% 0.043 270.6)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#718E91

Slate Blue · LightSlateGray · Lake Green

HEX

#718E91

RGB

rgb(113, 142, 145)

HSL

hsl(186, 13%, 51%)

HSB

hsb(186, 22%, 57%)

CMYK

cmyk(22%, 2%, 0%, 43%)

Oklch

oklch(62.6% 0.033 204.1)

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

#62B39E

Mineral Blue · CadetBlue · Lake Green

HEX

#62B39E

RGB

rgb(98, 179, 158)

HSL

hsl(164, 35%, 54%)

HSB

hsb(164, 45%, 70%)

CMYK

cmyk(45%, 0%, 12%, 30%)

Oklch

oklch(70.9% 0.086 175.0)

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

#B4EB8A

Emerald · LightGreen · Apple Green

HEX

#B4EB8A

RGB

rgb(180, 235, 138)

HSL

hsl(94, 71%, 73%)

HSB

hsb(94, 41%, 92%)

CMYK

cmyk(23%, 0%, 41%, 8%)

Oklch

oklch(88.0% 0.138 132.7)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#FDFFC2

Fresh Green · Bisque · Lemon Cream

HEX

#FDFFC2

RGB

rgb(253, 255, 194)

HSL

hsl(62, 100%, 88%)

HSB

hsb(62, 24%, 100%)

CMYK

cmyk(1%, 0%, 24%, 0%)

Oklch

oklch(98.4% 0.078 109.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

707994

948B71

Analogous

718B94

707994

797194

Triadic

707994

947179

799471

Split-Comp.

707994

947971

8B9471

Tetradic

707994

94718B

948B71

719479

Contrast Matrix WCAG 2.1 Contrast

707994	718E91	62B39E	B4EB8A	FDFFC2
—	1.2 Fail	1.7 Fail	3.1 AA Large	4.2 AA Large
1.2 Fail	—	1.4 Fail	2.5 Fail	3.4 AA Large
1.7 Fail	1.4 Fail	—	1.8 Fail	2.4 Fail
3.1 AA Large	2.5 Fail	1.8 Fail	—	1.3 Fail
4.2 AA Large	3.4 AA Large	2.4 Fail	1.3 Fail	—

White BG

4.3AA Large

3.5AA Large

2.5Fail

1.4Fail

1.0Fail

Black BG

4.9AA

6.0AA

8.5AAA

15.2AAA

20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

74748D

7E7E90

8586A3

CCCCA1

FEFED1

Deuteranopia

73738C

7C7A90

807AA4

C9C5A7

FEFED4

Tritanopia

708887

729090

66A7A8

B7B4B8

FDDCDF

Achromatopsia

797979

868686

989898

CFCFCF

F7F7F7

Shades & Tints Shades & Tints

#707994

Dark

Light

#718E91

Dark

Light

#62B39E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #707994;
  --color-2: #718e91;
  --color-3: #62b39e;
  --color-4: #b4eb8a;
  --color-5: #fdffc2;
}

SCSS

$color-1: #707994;
$color-2: #718e91;
$color-3: #62b39e;
$color-4: #b4eb8a;
$color-5: #fdffc2;

TAILWIND

colors: {
  'brand-1': '#707994',
  'brand-2': '#718e91',
  'brand-3': '#62b39e',
  'brand-4': '#b4eb8a',
  'brand-5': '#fdffc2',
}

RGB Array

[112, 121, 148], [113, 142, 145], [98, 179, 158], [180, 235, 138], [253, 255, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #707994, #718E91, #62B39E, #B4EB8A, #FDFFC2 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: #707994; --color-2: #718e91; --color-3: #62b39e; --color-4: #b4eb8a; --color-5: #fdffc2. 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 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