← Back to Editor

#66D9CC · #FFA21F · #FF5D0D · #BA0006 · #701604

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#66D9CC

Jade · MediumTurquoise · Lake Green

HEX
#66D9CC
RGB
rgb(102, 217, 204)
HSL
hsl(173, 60%, 63%)
HSB
hsb(173, 53%, 85%)
CMYK
cmyk(53%, 0%, 6%, 15%)
Oklch
oklch(81.5% 0.107 185.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#FFA21F

Ginger · Orange · Warm Sun

HEX
#FFA21F
RGB
rgb(255, 162, 31)
HSL
hsl(35, 100%, 56%)
HSB
hsb(35, 88%, 100%)
CMYK
cmyk(0%, 36%, 88%, 0%)
Oklch
oklch(78.8% 0.167 67.5)

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

#FF5D0D

Tangerine · OrangeRed · Warm Sun

HEX
#FF5D0D
RGB
rgb(255, 93, 13)
HSL
hsl(20, 100%, 53%)
HSB
hsb(20, 95%, 100%)
CMYK
cmyk(0%, 64%, 95%, 0%)
Oklch
oklch(68.5% 0.210 40.2)

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

#BA0006

Vermilion · FireBrick · Wine Red

HEX
#BA0006
RGB
rgb(186, 0, 6)
HSL
hsl(358, 100%, 36%)
HSB
hsb(358, 100%, 73%)
CMYK
cmyk(0%, 100%, 97%, 27%)
Oklch
oklch(49.6% 0.203 28.6)

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

#701604

Vermilion · Maroon · Wine Red

HEX
#701604
RGB
rgb(112, 22, 4)
HSL
hsl(10, 93%, 23%)
HSB
hsb(10, 96%, 44%)
CMYK
cmyk(0%, 80%, 96%, 56%)
Oklch
oklch(35.7% 0.127 33.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

66D9CC
D96875

Analogous

68D993
66D9CC
68AED9

Triadic

66D9CC
CC68D9
D9CC68

Split-Comp.

66D9CC
D968AE
D99368

Tetradic

66D9CC
9368D9
D96875
AED968

Contrast Matrix WCAG 2.1 Contrast

66D9CC
FFA21F
FF5D0D
BA0006
701604
—
1.2
Fail
1.8
Fail
4.0
AA Large
6.8
AA
1.2
Fail
—
1.5
Fail
3.4
AA Large
5.8
AA
1.8
Fail
1.5
Fail
—
2.2
Fail
3.8
AA Large
4.0
AA Large
3.4
AA Large
2.2
Fail
—
1.7
Fail
6.8
AA
5.8
AA
3.8
AA Large
1.7
Fail
—
White BG
1.7Fail
2.0Fail
3.1AA Large
6.8AA
11.6AAA
Black BG
12.4AAA
10.4AAA
6.8AA
3.1AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9899CF
D7D63F
B9B720
696805
494808

Deuteranopia

9189D0
DCE346
C2CE25
748204
4E5509

Tritanopia

6CD2D2
FA585D
F73033
B10303
6B0C0D

Achromatopsia

B5B5B5
AFAFAF
848484
383838
2F2F2F

Shades & Tints Shades & Tints

#66D9CC

Dark
Light

#FFA21F

Dark
Light

#FF5D0D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #66d9cc;
  --color-2: #ffa21f;
  --color-3: #ff5d0d;
  --color-4: #ba0006;
  --color-5: #701604;
}

SCSS

$color-1: #66d9cc;
$color-2: #ffa21f;
$color-3: #ff5d0d;
$color-4: #ba0006;
$color-5: #701604;

TAILWIND

colors: {
  'brand-1': '#66d9cc',
  'brand-2': '#ffa21f',
  'brand-3': '#ff5d0d',
  'brand-4': '#ba0006',
  'brand-5': '#701604',
}

RGB Array

[102, 217, 204], [255, 162, 31], [255, 93, 13], [186, 0, 6], [112, 22, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #66D9CC, #FFA21F, #FF5D0D, #BA0006, #701604 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #66d9cc; --color-2: #ffa21f; --color-3: #ff5d0d; --color-4: #ba0006; --color-5: #701604. 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 dark-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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