← Back to Editor

#76E4FC · #B0AB98 · #7D5442 · #50433C · #261617

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#76E4FC

Sky Blue · LightSkyBlue · Lake Green

HEX
#76E4FC
RGB
rgb(118, 228, 252)
HSL
hsl(191, 96%, 73%)
HSB
hsb(191, 53%, 99%)
CMYK
cmyk(53%, 10%, 0%, 1%)
Oklch
oklch(86.2% 0.106 213.8)

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

#B0AB98

Ginger · DarkGray · Sunflower

HEX
#B0AB98
RGB
rgb(176, 171, 152)
HSL
hsl(47, 13%, 64%)
HSB
hsb(47, 14%, 69%)
CMYK
cmyk(0%, 3%, 14%, 31%)
Oklch
oklch(74.0% 0.027 94.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#7D5442

Tangerine · Sienna · Amber Brown

HEX
#7D5442
RGB
rgb(125, 84, 66)
HSL
hsl(18, 31%, 37%)
HSB
hsb(18, 47%, 49%)
CMYK
cmyk(0%, 33%, 47%, 51%)
Oklch
oklch(48.6% 0.062 44.5)

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

#50433C

Tangerine · DarkSlateGray · Amber Brown

HEX
#50433C
RGB
rgb(80, 67, 60)
HSL
hsl(21, 14%, 27%)
HSB
hsb(21, 25%, 31%)
CMYK
cmyk(0%, 16%, 25%, 69%)
Oklch
oklch(39.4% 0.021 50.0)

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

#261617

Crimson · Black · Deep Berry

HEX
#261617
RGB
rgb(38, 22, 23)
HSL
hsl(356, 27%, 12%)
HSB
hsb(356, 42%, 15%)
CMYK
cmyk(0%, 42%, 39%, 85%)
Oklch
oklch(22.2% 0.026 15.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

76E4FC
FC9078

Analogous

78FCD2
76E4FC
78A2FC

Triadic

76E4FC
FC78E4
E4FC78

Split-Comp.

76E4FC
FC78A2
FCD278

Tetradic

76E4FC
D278FC
FC9078
A2FC78

Contrast Matrix WCAG 2.1 Contrast

76E4FC
B0AB98
7D5442
50433C
261617
—
1.6
Fail
4.4
AA Large
6.5
AA
11.8
AAA
1.6
Fail
—
2.8
Fail
4.1
AA Large
7.5
AAA
4.4
AA Large
2.8
Fail
—
1.5
Fail
2.7
Fail
6.5
AA
4.1
AA Large
1.5
Fail
—
1.8
Fail
11.8
AAA
7.5
AAA
2.7
Fail
1.8
Fail
—
White BG
1.5Fail
2.3Fail
6.5AA
9.5AAA
17.4AAA
Black BG
14.3AAA
9.1AAA
3.2AA Large
2.2Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A7F6
AEAE9D
6B6B46
4A4A3E
1F1F17

Deuteranopia

9F97F5
AEAF9E
6E7147
4B4C3E
202117

Tritanopia

7CF2F1
B0A0A1
7B4A4B
4F3F3F
251717

Achromatopsia

C6C6C6
AAAAAA
5E5E5E
464646
1B1B1B

Shades & Tints Shades & Tints

#76E4FC

Dark
Light

#B0AB98

Dark
Light

#7D5442

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #76e4fc;
  --color-2: #b0ab98;
  --color-3: #7d5442;
  --color-4: #50433c;
  --color-5: #261617;
}

SCSS

$color-1: #76e4fc;
$color-2: #b0ab98;
$color-3: #7d5442;
$color-4: #50433c;
$color-5: #261617;

TAILWIND

colors: {
  'brand-1': '#76e4fc',
  'brand-2': '#b0ab98',
  'brand-3': '#7d5442',
  'brand-4': '#50433c',
  'brand-5': '#261617',
}

RGB Array

[118, 228, 252], [176, 171, 152], [125, 84, 66], [80, 67, 60], [38, 22, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #76E4FC, #B0AB98, #7D5442, #50433C, #261617 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: #76e4fc; --color-2: #b0ab98; --color-3: #7d5442; --color-4: #50433c; --color-5: #261617. 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 minimal-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