← Back to Editor

#444A60 · #FF9194 · #DBD0B8 · #AFFAB3 · #C7DAD0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#444A60

Indigo · DarkSlateGray · Prussian Blue

HEX
#444A60
RGB
rgb(68, 74, 96)
HSL
hsl(227, 17%, 32%)
HSB
hsb(227, 29%, 38%)
CMYK
cmyk(29%, 23%, 0%, 62%)
Oklch
oklch(41.3% 0.038 272.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#FF9194

Peach Pink · LightSalmon · Coral Red

HEX
#FF9194
RGB
rgb(255, 145, 148)
HSL
hsl(358, 100%, 78%)
HSB
hsb(358, 43%, 100%)
CMYK
cmyk(0%, 43%, 42%, 0%)
Oklch
oklch(77.5% 0.133 18.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DBD0B8

Goose Yellow · LightGray · Lemon Cream

HEX
#DBD0B8
RGB
rgb(219, 208, 184)
HSL
hsl(41, 33%, 79%)
HSB
hsb(41, 16%, 86%)
CMYK
cmyk(0%, 5%, 16%, 14%)
Oklch
oklch(86.0% 0.035 86.3)

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

#AFFAB3

Emerald · LightGreen · Mint Green

HEX
#AFFAB3
RGB
rgb(175, 250, 179)
HSL
hsl(123, 88%, 83%)
HSB
hsb(123, 30%, 98%)
CMYK
cmyk(30%, 0%, 28%, 2%)
Oklch
oklch(91.8% 0.121 145.8)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#C7DAD0

Celadon · LightGray · Mint Green

HEX
#C7DAD0
RGB
rgb(199, 218, 208)
HSL
hsl(148, 20%, 82%)
HSB
hsb(148, 9%, 85%)
CMYK
cmyk(9%, 0%, 5%, 15%)
Oklch
oklch(87.1% 0.025 163.1)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

444A60
5F5944

Analogous

44585F
444A60
4C445F

Triadic

444A60
5F444A
4A5F44

Split-Comp.

444A60
5F4C44
585F44

Tetradic

444A60
5F4458
5F5944
445F4C

Contrast Matrix WCAG 2.1 Contrast

444A60
FF9194
DBD0B8
AFFAB3
C7DAD0
—
4.1
AA Large
5.7
AA
7.2
AAA
6.0
AA
4.1
AA Large
—
1.4
Fail
1.8
Fail
1.5
Fail
5.7
AA
1.4
Fail
—
1.2
Fail
1.0
Fail
7.2
AAA
1.8
Fail
1.2
Fail
—
1.2
Fail
6.0
AA
1.5
Fail
1.0
Fail
1.2
Fail
—
White BG
8.8AAA
2.2Fail
1.5Fail
1.2Fail
1.5Fail
Black BG
2.4Fail
9.7AAA
13.7AAA
17.1AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

47475B
CFCE93
D6D6BE
CFD0C4
CFCFD2

Deuteranopia

464659
D6DE93
D7D8BF
CBC6C8
CECDD3

Tritanopia

445656
FA9393
DAC2C3
B3D2D5
C8D4D5

Achromatopsia

4B4B4B
B2B2B2
D1D1D1
DBDBDB
D3D3D3

Shades & Tints Shades & Tints

#444A60

Dark
Light

#FF9194

Dark
Light

#DBD0B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #444a60;
  --color-2: #ff9194;
  --color-3: #dbd0b8;
  --color-4: #affab3;
  --color-5: #c7dad0;
}

SCSS

$color-1: #444a60;
$color-2: #ff9194;
$color-3: #dbd0b8;
$color-4: #affab3;
$color-5: #c7dad0;

TAILWIND

colors: {
  'brand-1': '#444a60',
  'brand-2': '#ff9194',
  'brand-3': '#dbd0b8',
  'brand-4': '#affab3',
  'brand-5': '#c7dad0',
}

RGB Array

[68, 74, 96], [255, 145, 148], [219, 208, 184], [175, 250, 179], [199, 218, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #444A60, #FF9194, #DBD0B8, #AFFAB3, #C7DAD0 is ideal for: health products, baby brands, fresh-style blogs, 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: #444a60; --color-2: #ff9194; --color-3: #dbd0b8; --color-4: #affab3; --color-5: #c7dad0. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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