#735648 + #E6732C + #C4B760 + #B2F252 + #6BC6BB · summer - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#735648

Tangerine · DimGray · Amber Brown

HEX

#735648

RGB

rgb(115, 86, 72)

HSL

hsl(20, 23%, 37%)

HSB

hsb(20, 37%, 45%)

CMYK

cmyk(0%, 25%, 37%, 55%)

Oklch

oklch(47.9% 0.045 46.9)

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

#E6732C

Tangerine · Chocolate · Warm Sun

HEX

#E6732C

RGB

rgb(230, 115, 44)

HSL

hsl(23, 79%, 54%)

HSB

hsb(23, 81%, 90%)

CMYK

cmyk(0%, 50%, 81%, 10%)

Oklch

oklch(67.9% 0.164 48.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C4B760

Autumn Sage · Tan · Sunflower

HEX

#C4B760

RGB

rgb(196, 183, 96)

HSL

hsl(52, 46%, 57%)

HSB

hsb(52, 51%, 77%)

CMYK

cmyk(0%, 7%, 51%, 23%)

Oklch

oklch(77.2% 0.110 100.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B2F252

Willow Green · GreenYellow · Apple Green

HEX

#B2F252

RGB

rgb(178, 242, 82)

HSL

hsl(84, 86%, 64%)

HSB

hsb(84, 66%, 95%)

CMYK

cmyk(26%, 0%, 66%, 5%)

Oklch

oklch(88.8% 0.198 128.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#6BC6BB

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#6BC6BB

RGB

rgb(107, 198, 187)

HSL

hsl(173, 44%, 60%)

HSB

hsb(173, 46%, 78%)

CMYK

cmyk(46%, 0%, 6%, 22%)

Oklch

oklch(76.7% 0.089 185.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

735648

496674

Analogous

744950

735648

746D49

Triadic

735648

497457

574974

Split-Comp.

735648

49746D

495074

Tetradic

735648

507449

496674

6D4974

Contrast Matrix WCAG 2.1 Contrast

735648	E6732C	C4B760	B2F252	6BC6BB
—	2.2 Fail	3.3 AA Large	5.0 AA	3.3 AA Large
2.2 Fail	—	1.5 Fail	2.3 Fail	1.5 Fail
3.3 AA Large	1.5 Fail	—	1.5 Fail	1.0 Fail
5.0 AA	2.3 Fail	1.5 Fail	—	1.5 Fail
3.3 AA Large	1.5 Fail	1.0 Fail	1.5 Fail	—

White BG

6.7AA

3.1AA Large

2.0Fail

1.3Fail

2.0Fail

Black BG

3.2AA Large

6.9AA

10.3AAA

15.7AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

66664B

B4B33D

BEBE75

CECE79

9293BE

Deuteranopia

686A4C

BBC441

BFC07A

CAC582

8D86BE

Tritanopia

724E4F

E04B4E

C38689

B5979E

70C0C0

Achromatopsia

5D5D5D

8D8D8D

B1B1B1

CDCDCD

AAAAAA

Shades & Tints Shades & Tints

#735648

Dark

Light

#E6732C

Dark

Light

#C4B760

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #735648;
  --color-2: #e6732c;
  --color-3: #c4b760;
  --color-4: #b2f252;
  --color-5: #6bc6bb;
}

SCSS

$color-1: #735648;
$color-2: #e6732c;
$color-3: #c4b760;
$color-4: #b2f252;
$color-5: #6bc6bb;

TAILWIND

colors: {
  'brand-1': '#735648',
  'brand-2': '#e6732c',
  'brand-3': '#c4b760',
  'brand-4': '#b2f252',
  'brand-5': '#6bc6bb',
}

RGB Array

[115, 86, 72], [230, 115, 44], [196, 183, 96], [178, 242, 82], [107, 198, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #735648, #E6732C, #C4B760, #B2F252, #6BC6BB is ideal for: corporate websites, product showcases, portfolios. 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: #735648; --color-2: #e6732c; --color-3: #c4b760; --color-4: #b2f252; --color-5: #6bc6bb. 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. 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 summer-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