← Back to Editor

#66534D · #609E8A · #B6DEAE · #FFEA80 · #F7B95C

bright

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

#66534D

Crimson · DimGray · Wine Red

HEX
#66534D
RGB
rgb(102, 83, 77)
HSL
hsl(14, 14%, 35%)
HSB
hsb(14, 25%, 40%)
CMYK
cmyk(0%, 19%, 25%, 60%)
Oklch
oklch(46.0% 0.027 38.3)

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

#609E8A

Mineral Blue · CadetBlue · Mint Ice

HEX
#609E8A
RGB
rgb(96, 158, 138)
HSL
hsl(161, 24%, 50%)
HSB
hsb(161, 39%, 62%)
CMYK
cmyk(39%, 0%, 13%, 38%)
Oklch
oklch(65.1% 0.071 171.4)

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

#B6DEAE

Celadon · Silver · Apple Green

HEX
#B6DEAE
RGB
rgb(182, 222, 174)
HSL
hsl(110, 42%, 78%)
HSB
hsb(110, 22%, 87%)
CMYK
cmyk(18%, 0%, 22%, 13%)
Oklch
oklch(85.9% 0.078 140.4)

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

#FFEA80

Fresh Green · Khaki · Sunflower

HEX
#FFEA80
RGB
rgb(255, 234, 128)
HSL
hsl(50, 100%, 75%)
HSB
hsb(50, 50%, 100%)
CMYK
cmyk(0%, 8%, 50%, 0%)
Oklch
oklch(93.3% 0.129 98.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F7B95C

Ginger · SandyBrown · Warm Sun

HEX
#F7B95C
RGB
rgb(247, 185, 92)
HSL
hsl(36, 91%, 66%)
HSB
hsb(36, 63%, 97%)
CMYK
cmyk(0%, 25%, 63%, 3%)
Oklch
oklch(82.5% 0.131 75.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

66534D
4D6066

Analogous

664D53
66534D
665F4D

Triadic

66534D
4D6653
534D66

Split-Comp.

66534D
4D665F
4D5366

Tetradic

66534D
53664D
4D6066
5F4D66

Contrast Matrix WCAG 2.1 Contrast

66534D
609E8A
B6DEAE
FFEA80
F7B95C
—
2.3
Fail
4.8
AA
6.0
AA
4.1
AA Large
2.3
Fail
—
2.1
Fail
2.6
Fail
1.8
Fail
4.8
AA
2.1
Fail
—
1.2
Fail
1.2
Fail
6.0
AA
2.6
Fail
1.2
Fail
—
1.4
Fail
4.1
AA Large
1.8
Fail
1.2
Fail
1.4
Fail
—
White BG
7.2AAA
3.1AA Large
1.5Fail
1.2Fail
1.7Fail
Black BG
2.9Fail
6.8AA
14.0AAA
17.3AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5E4E
7B7B8F
C7C8BA
F6F69A
DCDC73

Deuteranopia

5F604F
777390
C5C2BC
F7F9A0
E0E478

Tritanopia

655050
639394
B8C3C5
FEAEB2
F48488

Achromatopsia

585858
898989
CDCDCD
E4E4E4
C1C1C1

Shades & Tints Shades & Tints

#66534D

Dark
Light

#609E8A

Dark
Light

#B6DEAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #66534d;
  --color-2: #609e8a;
  --color-3: #b6deae;
  --color-4: #ffea80;
  --color-5: #f7b95c;
}

SCSS

$color-1: #66534d;
$color-2: #609e8a;
$color-3: #b6deae;
$color-4: #ffea80;
$color-5: #f7b95c;

TAILWIND

colors: {
  'brand-1': '#66534d',
  'brand-2': '#609e8a',
  'brand-3': '#b6deae',
  'brand-4': '#ffea80',
  'brand-5': '#f7b95c',
}

RGB Array

[102, 83, 77], [96, 158, 138], [182, 222, 174], [255, 234, 128], [247, 185, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #66534D, #609E8A, #B6DEAE, #FFEA80, #F7B95C 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: #66534d; --color-2: #609e8a; --color-3: #b6deae; --color-4: #ffea80; --color-5: #f7b95c. 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 bright-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