← Back to Editor

#C1DDEB · #9E944F · #FDBEE9 · #3F292B · #C1DDEB

space

A 5-color space 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

#C1DDEB

Sky Blue · LightBlue · Sky Blue

HEX
#C1DDEB
RGB
rgb(193, 221, 235)
HSL
hsl(200, 51%, 84%)
HSB
hsb(200, 18%, 92%)
CMYK
cmyk(18%, 6%, 0%, 8%)
Oklch
oklch(88.1% 0.035 229.3)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#9E944F

Autumn Sage · Gray · Honey Gold

HEX
#9E944F
RGB
rgb(158, 148, 79)
HSL
hsl(52, 33%, 46%)
HSB
hsb(52, 50%, 62%)
CMYK
cmyk(0%, 6%, 50%, 38%)
Oklch
oklch(66.0% 0.091 101.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FDBEE9

Mauve · Pink · Lavender

HEX
#FDBEE9
RGB
rgb(253, 190, 233)
HSL
hsl(319, 94%, 87%)
HSB
hsb(319, 25%, 99%)
CMYK
cmyk(0%, 25%, 8%, 1%)
Oklch
oklch(87.1% 0.091 338.5)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#3F292B

Crimson · DarkSlateGray · Deep Berry

HEX
#3F292B
RGB
rgb(63, 41, 43)
HSL
hsl(355, 21%, 20%)
HSB
hsb(355, 35%, 25%)
CMYK
cmyk(0%, 35%, 32%, 75%)
Oklch
oklch(30.8% 0.033 13.2)

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

#C1DDEB

Sky Blue · LightBlue · Sky Blue

HEX
#C1DDEB
RGB
rgb(193, 221, 235)
HSL
hsl(200, 51%, 84%)
HSB
hsb(200, 18%, 92%)
CMYK
cmyk(18%, 6%, 0%, 8%)
Oklch
oklch(88.1% 0.035 229.3)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1DDEB
EBCFC1

Analogous

C1EBE4
C1DDEB
C1C8EB

Triadic

C1DDEB
EBC1DD
DDEBC1

Split-Comp.

C1DDEB
EBC1C8
EBE4C1

Tetradic

C1DDEB
E4C1EB
EBCFC1
C8EBC1

Contrast Matrix WCAG 2.1 Contrast

C1DDEB
9E944F
FDBEE9
3F292B
C1DDEB
—
2.2
Fail
1.1
Fail
9.5
AAA
—
2.2
Fail
—
2.0
Fail
4.4
AA Large
2.2
Fail
1.1
Fail
2.0
Fail
—
8.8
AAA
1.1
Fail
9.5
AAA
4.4
AA Large
8.8
AAA
—
9.5
AAA
—
2.2
Fail
1.1
Fail
9.5
AAA
—
White BG
1.4Fail
3.1AA Large
1.5Fail
13.4AAA
1.4Fail
Black BG
14.8AAA
6.8AA
13.7AAA
1.6Fail
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDE8
9A9A60
E2E1DF
35352B
CDCDE8

Deuteranopia

CCC9E7
9A9B64
E5EADC
37382A
CCC9E7

Tritanopia

C2E5E4
9E6D70
FAD6D5
3E2A2A
C2E5E4

Achromatopsia

D6D6D6
8F8F8F
D6D6D6
303030
D6D6D6

Shades & Tints Shades & Tints

#C1DDEB

Dark
Light

#9E944F

Dark
Light

#FDBEE9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1ddeb;
  --color-2: #9e944f;
  --color-3: #fdbee9;
  --color-4: #3f292b;
  --color-5: #c1ddeb;
}

SCSS

$color-1: #c1ddeb;
$color-2: #9e944f;
$color-3: #fdbee9;
$color-4: #3f292b;
$color-5: #c1ddeb;

TAILWIND

colors: {
  'brand-1': '#c1ddeb',
  'brand-2': '#9e944f',
  'brand-3': '#fdbee9',
  'brand-4': '#3f292b',
  'brand-5': '#c1ddeb',
}

RGB Array

[193, 221, 235], [158, 148, 79], [253, 190, 233], [63, 41, 43], [193, 221, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #C1DDEB, #9E944F, #FDBEE9, #3F292B, #C1DDEB 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: #c1ddeb; --color-2: #9e944f; --color-3: #fdbee9; --color-4: #3f292b; --color-5: #c1ddeb. 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 space-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