← Back to Editor

#81BAC5 · #C1D6CD · #FCC65A · #F66351 · #6F4640

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

#81BAC5

Sky Blue · MediumAquaMarine · Lake Green

HEX
#81BAC5
RGB
rgb(129, 186, 197)
HSL
hsl(190, 37%, 64%)
HSB
hsb(190, 35%, 77%)
CMYK
cmyk(35%, 6%, 0%, 23%)
Oklch
oklch(75.3% 0.061 210.9)

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

#C1D6CD

Jade · LightGray · Apple Green

HEX
#C1D6CD
RGB
rgb(193, 214, 205)
HSL
hsl(154, 20%, 80%)
HSB
hsb(154, 10%, 84%)
CMYK
cmyk(10%, 0%, 4%, 16%)
Oklch
oklch(85.8% 0.026 168.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FCC65A

Ginger · SandyBrown · Sunflower

HEX
#FCC65A
RGB
rgb(252, 198, 90)
HSL
hsl(40, 96%, 67%)
HSB
hsb(40, 64%, 99%)
CMYK
cmyk(0%, 21%, 64%, 1%)
Oklch
oklch(85.5% 0.138 82.2)

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

#F66351

Peach Pink · Tomato · Coral Red

HEX
#F66351
RGB
rgb(246, 99, 81)
HSL
hsl(7, 90%, 64%)
HSB
hsb(7, 67%, 96%)
CMYK
cmyk(0%, 60%, 67%, 4%)
Oklch
oklch(68.4% 0.184 29.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#6F4640

Crimson · DarkOliveGreen · Wine Red

HEX
#6F4640
RGB
rgb(111, 70, 64)
HSL
hsl(8, 27%, 34%)
HSB
hsb(8, 42%, 44%)
CMYK
cmyk(0%, 37%, 42%, 56%)
Oklch
oklch(44.0% 0.058 28.7)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

81BAC5
C58D81

Analogous

81C5AF
81BAC5
8198C5

Triadic

81BAC5
C581BA
BAC581

Split-Comp.

81BAC5
C58198
C5AF81

Tetradic

81BAC5
AF81C5
C58D81
98C581

Contrast Matrix WCAG 2.1 Contrast

81BAC5
C1D6CD
FCC65A
F66351
6F4640
—
1.4
Fail
1.4
Fail
1.4
Fail
3.7
AA Large
1.4
Fail
—
1.0
Fail
2.0
Fail
5.2
AA
1.4
Fail
1.0
Fail
—
2.0
Fail
5.1
AA
1.4
Fail
2.0
Fail
2.0
Fail
—
2.6
Fail
3.7
AA Large
5.2
AA
5.1
AA
2.6
Fail
—
White BG
2.2Fail
1.5Fail
1.6Fail
3.1AA Large
8.0AAA
Black BG
9.8AAA
13.8AAA
13.4AAA
6.8AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9AC2
CACACF
E5E474
B6B555
5D5D41

Deuteranopia

9692C2
C9C7D0
E8EC7A
BFCA56
606342

Tritanopia

84C0C0
C2D1D1
F9898D
EF595A
6D4343

Achromatopsia

AAAAAA
CFCFCF
CACACA
8D8D8D
525252

Shades & Tints Shades & Tints

#81BAC5

Dark
Light

#C1D6CD

Dark
Light

#FCC65A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #81bac5;
  --color-2: #c1d6cd;
  --color-3: #fcc65a;
  --color-4: #f66351;
  --color-5: #6f4640;
}

SCSS

$color-1: #81bac5;
$color-2: #c1d6cd;
$color-3: #fcc65a;
$color-4: #f66351;
$color-5: #6f4640;

TAILWIND

colors: {
  'brand-1': '#81bac5',
  'brand-2': '#c1d6cd',
  'brand-3': '#fcc65a',
  'brand-4': '#f66351',
  'brand-5': '#6f4640',
}

RGB Array

[129, 186, 197], [193, 214, 205], [252, 198, 90], [246, 99, 81], [111, 70, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #81BAC5, #C1D6CD, #FCC65A, #F66351, #6F4640 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: #81bac5; --color-2: #c1d6cd; --color-3: #fcc65a; --color-4: #f66351; --color-5: #6f4640. 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