← Back to Editor

#F5EFDF · #79D3DB · #1BB39E · #080807 · #C3CF6C

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

#F5EFDF

Goose Yellow · Beige · Lemon Cream

HEX
#F5EFDF
RGB
rgb(245, 239, 223)
HSL
hsl(44, 52%, 92%)
HSB
hsb(44, 9%, 96%)
CMYK
cmyk(0%, 2%, 9%, 4%)
Oklch
oklch(95.2% 0.022 89.8)

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

#79D3DB

Sky Blue · SkyBlue · Lake Green

HEX
#79D3DB
RGB
rgb(121, 211, 219)
HSL
hsl(185, 58%, 67%)
HSB
hsb(185, 45%, 86%)
CMYK
cmyk(45%, 4%, 0%, 14%)
Oklch
oklch(81.4% 0.087 203.0)

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

#1BB39E

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#1BB39E
RGB
rgb(27, 179, 158)
HSL
hsl(172, 74%, 40%)
HSB
hsb(172, 85%, 70%)
CMYK
cmyk(85%, 0%, 12%, 30%)
Oklch
oklch(68.9% 0.121 180.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#080807

Ink Black · Black · Jet Black

HEX
#080807
RGB
rgb(8, 8, 7)
HSL
hsl(60, 7%, 3%)
HSB
hsb(60, 13%, 3%)
CMYK
cmyk(0%, 0%, 12%, 97%)
Oklch
oklch(13.4% 0.003 106.7)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#C3CF6C

Fresh Green · Tan · Sunflower

HEX
#C3CF6C
RGB
rgb(195, 207, 108)
HSL
hsl(67, 51%, 62%)
HSB
hsb(67, 48%, 81%)
CMYK
cmyk(6%, 0%, 48%, 19%)
Oklch
oklch(82.4% 0.125 114.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5EFDF
E0E6F5

Analogous

F5E5E0
F5EFDF
F0F5E0

Triadic

F5EFDF
E0F5F0
F0E0F5

Split-Comp.

F5EFDF
E0F0F5
E5E0F5

Tetradic

F5EFDF
E0F5E5
E0E6F5
F5E0F0

Contrast Matrix WCAG 2.1 Contrast

F5EFDF
79D3DB
1BB39E
080807
C3CF6C
—
1.5
Fail
2.3
Fail
17.5
AAA
1.5
Fail
1.5
Fail
—
1.5
Fail
11.6
AAA
1.0
Fail
2.3
Fail
1.5
Fail
—
7.6
AAA
1.6
Fail
17.5
AAA
11.6
AAA
7.6
AAA
—
11.9
AAA
1.5
Fail
1.0
Fail
1.6
Fail
11.9
AAA
—
White BG
1.1Fail
1.7Fail
2.6Fail
20.0AAA
1.7Fail
Black BG
18.3AAA
12.2AAA
8.0AAA
1.0Fail
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2E3
A0A1D9
5D5EA3
080807
C8C884

Deuteranopia

F3F3E4
9B94D9
5449A4
080807
C8C78A

Tritanopia

F5E6E7
7DD8D7
23A7A8
080707
C4979B

Achromatopsia

EFEFEF
B9B9B9
838383
080808
C0C0C0

Shades & Tints Shades & Tints

#F5EFDF

Dark
Light

#79D3DB

Dark
Light

#1BB39E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5efdf;
  --color-2: #79d3db;
  --color-3: #1bb39e;
  --color-4: #080807;
  --color-5: #c3cf6c;
}

SCSS

$color-1: #f5efdf;
$color-2: #79d3db;
$color-3: #1bb39e;
$color-4: #080807;
$color-5: #c3cf6c;

TAILWIND

colors: {
  'brand-1': '#f5efdf',
  'brand-2': '#79d3db',
  'brand-3': '#1bb39e',
  'brand-4': '#080807',
  'brand-5': '#c3cf6c',
}

RGB Array

[245, 239, 223], [121, 211, 219], [27, 179, 158], [8, 8, 7], [195, 207, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5EFDF, #79D3DB, #1BB39E, #080807, #C3CF6C is ideal for: 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: #f5efdf; --color-2: #79d3db; --color-3: #1bb39e; --color-4: #080807; --color-5: #c3cf6c. 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. 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