← Back to Editor

#734A48 · #C17D6A · #FBEBB7 · #DDE9DD · #BBD5D6

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

#734A48

Crimson · DimGray · Wine Red

HEX
#734A48
RGB
rgb(115, 74, 72)
HSL
hsl(3, 23%, 37%)
HSB
hsb(3, 37%, 45%)
CMYK
cmyk(0%, 36%, 37%, 55%)
Oklch
oklch(45.5% 0.056 22.6)

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

#C17D6A

Crimson · DarkSalmon · Passion Red

HEX
#C17D6A
RGB
rgb(193, 125, 106)
HSL
hsl(13, 41%, 59%)
HSB
hsb(13, 45%, 76%)
CMYK
cmyk(0%, 35%, 45%, 24%)
Oklch
oklch(65.6% 0.090 36.3)

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

#FBEBB7

Goose Yellow · Wheat · Lemon Cream

HEX
#FBEBB7
RGB
rgb(251, 235, 183)
HSL
hsl(46, 89%, 85%)
HSB
hsb(46, 27%, 98%)
CMYK
cmyk(0%, 6%, 27%, 2%)
Oklch
oklch(94.0% 0.069 93.0)

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

#DDE9DD

Celadon · LightGray · Mint Green

HEX
#DDE9DD
RGB
rgb(221, 233, 221)
HSL
hsl(120, 21%, 89%)
HSB
hsb(120, 5%, 91%)
CMYK
cmyk(5%, 0%, 5%, 9%)
Oklch
oklch(92.2% 0.021 145.4)

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

#BBD5D6

Sky Blue · LightBlue · Glacier Blue

HEX
#BBD5D6
RGB
rgb(187, 213, 214)
HSL
hsl(182, 25%, 79%)
HSB
hsb(182, 13%, 84%)
CMYK
cmyk(13%, 0%, 0%, 16%)
Oklch
oklch(85.4% 0.028 199.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

734A48
497274

Analogous

74495C
734A48
746149

Triadic

734A48
49744B
4B4974

Split-Comp.

734A48
497461
495C74

Tetradic

734A48
5C7449
497274
614974

Contrast Matrix WCAG 2.1 Contrast

734A48
C17D6A
FBEBB7
DDE9DD
BBD5D6
—
2.3
Fail
6.3
AA
6.0
AA
4.9
AA
2.3
Fail
—
2.8
Fail
2.6
Fail
2.1
Fail
6.3
AA
2.8
Fail
—
1.1
Fail
1.3
Fail
6.0
AA
2.6
Fail
1.1
Fail
—
1.2
Fail
4.9
AA
2.1
Fail
1.3
Fail
1.2
Fail
—
White BG
7.5AAA
3.3AA Large
1.2Fail
1.3Fail
1.5Fail
Black BG
2.8Fail
6.4AA
17.7AAA
16.8AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

616148
A4A36F
F4F4C4
E2E2E0
C6C6D6

Deuteranopia

646749
A8AD70
F5F6C7
E2E1E1
C5C3D6

Tritanopia

714949
BE7273
FACED0
DEE2E3
BCD6D6

Achromatopsia

565656
8F8F8F
EAEAEA
E4E4E4
CDCDCD

Shades & Tints Shades & Tints

#734A48

Dark
Light

#C17D6A

Dark
Light

#FBEBB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #734a48;
  --color-2: #c17d6a;
  --color-3: #fbebb7;
  --color-4: #dde9dd;
  --color-5: #bbd5d6;
}

SCSS

$color-1: #734a48;
$color-2: #c17d6a;
$color-3: #fbebb7;
$color-4: #dde9dd;
$color-5: #bbd5d6;

TAILWIND

colors: {
  'brand-1': '#734a48',
  'brand-2': '#c17d6a',
  'brand-3': '#fbebb7',
  'brand-4': '#dde9dd',
  'brand-5': '#bbd5d6',
}

RGB Array

[115, 74, 72], [193, 125, 106], [251, 235, 183], [221, 233, 221], [187, 213, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #734A48, #C17D6A, #FBEBB7, #DDE9DD, #BBD5D6 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: #734a48; --color-2: #c17d6a; --color-3: #fbebb7; --color-4: #dde9dd; --color-5: #bbd5d6. 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