#68696A + #73BBC4 + #B5DA43 + #DEE856 + #E4ED66 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#68696A

Ink Gray · DimGray · Warm Gray

HEX

#68696A

RGB

rgb(104, 105, 106)

HSL

hsl(210, 1%, 41%)

HSB

hsb(210, 2%, 42%)

CMYK

cmyk(2%, 1%, 0%, 58%)

Oklch

oklch(52.0% 0.002 247.9)

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

#73BBC4

Sky Blue · MediumAquaMarine · Lake Green

HEX

#73BBC4

RGB

rgb(115, 187, 196)

HSL

hsl(187, 41%, 61%)

HSB

hsb(187, 41%, 77%)

CMYK

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

Oklch

oklch(74.8% 0.073 205.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#B5DA43

Grass Green · GreenYellow · Olive Green

HEX

#B5DA43

RGB

rgb(181, 218, 67)

HSL

hsl(75, 67%, 56%)

HSB

hsb(75, 69%, 85%)

CMYK

cmyk(17%, 0%, 69%, 15%)

Oklch

oklch(83.4% 0.177 122.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#DEE856

Fresh Green · Khaki · Sunflower

HEX

#DEE856

RGB

rgb(222, 232, 86)

HSL

hsl(64, 76%, 62%)

HSB

hsb(64, 63%, 91%)

CMYK

cmyk(4%, 0%, 63%, 9%)

Oklch

oklch(89.7% 0.166 113.0)

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

#E4ED66

Fresh Green · Khaki · Sunflower

HEX

#E4ED66

RGB

rgb(228, 237, 102)

HSL

hsl(64, 79%, 66%)

HSB

hsb(64, 57%, 93%)

CMYK

cmyk(4%, 0%, 57%, 7%)

Oklch

oklch(91.4% 0.158 112.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68696A

6A6968

Analogous

686A6A

68696A

68686A

Triadic

68696A

6A6869

696A68

Split-Comp.

68696A

6A6868

6A6A68

Tetradic

68696A

6A686A

6A6968

686A68

Contrast Matrix WCAG 2.1 Contrast

68696A	73BBC4	B5DA43	DEE856	E4ED66
—	2.5 Fail	3.4 AA Large	4.1 AA Large	4.3 AA Large
2.5 Fail	—	1.4 Fail	1.6 Fail	1.7 Fail
3.4 AA Large	1.4 Fail	—	1.2 Fail	1.3 Fail
4.1 AA Large	1.6 Fail	1.2 Fail	—	1.1 Fail
4.3 AA Large	1.7 Fail	1.3 Fail	1.1 Fail	—

White BG

5.5AA

2.2Fail

1.6Fail

1.3Fail

Black BG

3.8AA Large

9.6AAA

13.1AAA

15.8AAA

16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

68686A

9293C2

C5C568

E2E279

E8E887

Deuteranopia

68686A

8E89C1

C3C070

E2E182

E7E78F

Tritanopia

686A6A

77C0C0

B7848B

DE959B

E4A0A6

Achromatopsia

696969

A6A6A6

BEBEBE

D4D4D4

DBDBDB

Shades & Tints Shades & Tints

#68696A

Dark

Light

#73BBC4

Dark

Light

#B5DA43

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68696a;
  --color-2: #73bbc4;
  --color-3: #b5da43;
  --color-4: #dee856;
  --color-5: #e4ed66;
}

SCSS

$color-1: #68696a;
$color-2: #73bbc4;
$color-3: #b5da43;
$color-4: #dee856;
$color-5: #e4ed66;

TAILWIND

colors: {
  'brand-1': '#68696a',
  'brand-2': '#73bbc4',
  'brand-3': '#b5da43',
  'brand-4': '#dee856',
  'brand-5': '#e4ed66',
}

RGB Array

[104, 105, 106], [115, 187, 196], [181, 218, 67], [222, 232, 86], [228, 237, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #68696A, #73BBC4, #B5DA43, #DEE856, #E4ED66 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: #68696a; --color-2: #73bbc4; --color-3: #b5da43; --color-4: #dee856; --color-5: #e4ed66. 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