← Back to Editor

#433128 · #644C40 · #297489 · #62B1B6 · #7ABECB

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

#433128

Tangerine · DarkSlateGray · Cinnamon

HEX
#433128
RGB
rgb(67, 49, 40)
HSL
hsl(20, 25%, 21%)
HSB
hsb(20, 40%, 26%)
CMYK
cmyk(0%, 27%, 40%, 74%)
Oklch
oklch(33.1% 0.031 47.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#644C40

Tangerine · DarkOliveGreen · Amber Brown

HEX
#644C40
RGB
rgb(100, 76, 64)
HSL
hsl(20, 22%, 32%)
HSB
hsb(20, 36%, 39%)
CMYK
cmyk(0%, 24%, 36%, 61%)
Oklch
oklch(43.8% 0.038 47.8)

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

#297489

Lake Blue · Teal · Mint Ice

HEX
#297489
RGB
rgb(41, 116, 137)
HSL
hsl(193, 54%, 35%)
HSB
hsb(193, 70%, 54%)
CMYK
cmyk(70%, 15%, 0%, 46%)
Oklch
oklch(52.2% 0.079 220.0)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#62B1B6

Slate Blue · CadetBlue · Lake Green

HEX
#62B1B6
RGB
rgb(98, 177, 182)
HSL
hsl(184, 37%, 55%)
HSB
hsb(184, 46%, 71%)
CMYK
cmyk(46%, 3%, 0%, 29%)
Oklch
oklch(71.2% 0.078 200.9)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#7ABECB

Sky Blue · SkyBlue · Lake Green

HEX
#7ABECB
RGB
rgb(122, 190, 203)
HSL
hsl(190, 44%, 64%)
HSB
hsb(190, 40%, 80%)
CMYK
cmyk(40%, 6%, 0%, 20%)
Oklch
oklch(76.1% 0.071 211.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

433128
283A43

Analogous

43282D
433128
433E28

Triadic

433128
284331
312843

Split-Comp.

433128
28433E
282D43

Tetradic

433128
2D4328
283A43
3E2843

Contrast Matrix WCAG 2.1 Contrast

433128
644C40
297489
62B1B6
7ABECB
—
1.6
Fail
2.3
Fail
5.0
AA
5.9
AA
1.6
Fail
—
1.5
Fail
3.2
AA Large
3.8
AA Large
2.3
Fail
1.5
Fail
—
2.1
Fail
2.5
Fail
5.0
AA
3.2
AA Large
2.1
Fail
—
1.2
Fail
5.9
AA
3.8
AA Large
2.5
Fail
1.2
Fail
—
White BG
12.3AAA
7.9AAA
5.3AA
2.5Fail
2.1Fail
Black BG
1.7Fail
2.6Fail
4.0AA Large
8.5AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3B2A
5A5943
494A84
8485B5
9798C8

Deuteranopia

3C3E2B
5B5D44
454083
807AB5
948EC7

Tritanopia

422C2C
634546
2D807F
66B4B4
7DC5C5

Achromatopsia

353535
525252
606060
9A9A9A
ABABAB

Shades & Tints Shades & Tints

#433128

Dark
Light

#644C40

Dark
Light

#297489

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #433128;
  --color-2: #644c40;
  --color-3: #297489;
  --color-4: #62b1b6;
  --color-5: #7abecb;
}

SCSS

$color-1: #433128;
$color-2: #644c40;
$color-3: #297489;
$color-4: #62b1b6;
$color-5: #7abecb;

TAILWIND

colors: {
  'brand-1': '#433128',
  'brand-2': '#644c40',
  'brand-3': '#297489',
  'brand-4': '#62b1b6',
  'brand-5': '#7abecb',
}

RGB Array

[67, 49, 40], [100, 76, 64], [41, 116, 137], [98, 177, 182], [122, 190, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #433128, #644C40, #297489, #62B1B6, #7ABECB 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: #433128; --color-2: #644c40; --color-3: #297489; --color-4: #62b1b6; --color-5: #7abecb. 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