← Back to Editor

#060407 · #F7FFFC · #21E6EC · #00A2B5 · #23616E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#060407

Dark Plum · Black · Dark Purple

HEX
#060407
RGB
rgb(6, 4, 7)
HSL
hsl(280, 27%, 2%)
HSB
hsb(280, 43%, 3%)
CMYK
cmyk(14%, 43%, 0%, 97%)
Oklch
oklch(11.3% 0.011 315.7)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#F7FFFC

Jade · White · Mint Green

HEX
#F7FFFC
RGB
rgb(247, 255, 252)
HSL
hsl(158, 100%, 98%)
HSB
hsb(158, 3%, 100%)
CMYK
cmyk(3%, 0%, 1%, 0%)
Oklch
oklch(99.3% 0.009 171.8)

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

#21E6EC

Lake Blue · Turquoise · Lake Green

HEX
#21E6EC
RGB
rgb(33, 230, 236)
HSL
hsl(182, 84%, 53%)
HSB
hsb(182, 86%, 93%)
CMYK
cmyk(86%, 3%, 0%, 7%)
Oklch
oklch(84.1% 0.139 198.3)

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

#00A2B5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#00A2B5
RGB
rgb(0, 162, 181)
HSL
hsl(186, 100%, 35%)
HSB
hsb(186, 100%, 71%)
CMYK
cmyk(100%, 10%, 0%, 29%)
Oklch
oklch(65.2% 0.113 209.4)

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

#23616E

Lake Blue · DarkSlateGray · Mint Ice

HEX
#23616E
RGB
rgb(35, 97, 110)
HSL
hsl(190, 52%, 28%)
HSB
hsb(190, 68%, 43%)
CMYK
cmyk(68%, 12%, 0%, 57%)
Oklch
oklch(45.9% 0.066 214.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

060407
050604

Analogous

040406
060407
060406

Triadic

060407
060604
040606

Split-Comp.

060407
060604
040604

Tetradic

060407
060404
050604
040606

Contrast Matrix WCAG 2.1 Contrast

060407
F7FFFC
21E6EC
00A2B5
23616E
—
20.1
AAA
13.2
AAA
6.6
AA
2.9
Fail
20.1
AAA
—
1.5
Fail
3.0
AA Large
6.9
AA
13.2
AAA
1.5
Fail
—
2.0
Fail
4.5
AA
6.6
AA
3.0
AA Large
2.0
Fail
—
2.3
Fail
2.9
Fail
6.9
AA
4.5
AA
2.3
Fail
—
White BG
20.4AAA
1.0Fail
1.5Fail
3.1AA Large
7.0AA
Black BG
1.0Fail
20.7AAA
13.6AAA
6.8AA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

050506
FAFBFD
7678EB
4648B0
3E3E6B

Deuteranopia

050506
FAF9FD
6B5CEA
3D31AF
3A366A

Tritanopia

060606
F7FDFD
2BE9E9
08ADAC
266868

Achromatopsia

050505
FCFCFC
ACACAC
747474
505050

Shades & Tints Shades & Tints

#060407

Dark
Light

#F7FFFC

Dark
Light

#21E6EC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #060407;
  --color-2: #f7fffc;
  --color-3: #21e6ec;
  --color-4: #00a2b5;
  --color-5: #23616e;
}

SCSS

$color-1: #060407;
$color-2: #f7fffc;
$color-3: #21e6ec;
$color-4: #00a2b5;
$color-5: #23616e;

TAILWIND

colors: {
  'brand-1': '#060407',
  'brand-2': '#f7fffc',
  'brand-3': '#21e6ec',
  'brand-4': '#00a2b5',
  'brand-5': '#23616e',
}

RGB Array

[6, 4, 7], [247, 255, 252], [33, 230, 236], [0, 162, 181], [35, 97, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #060407, #F7FFFC, #21E6EC, #00A2B5, #23616E is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #060407; --color-2: #f7fffc; --color-3: #21e6ec; --color-4: #00a2b5; --color-5: #23616e. 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 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