← Back to Editor

#AC0202 · #160B0B · #004346 · #79BCDB · #AFF3B7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#AC0202

Vermilion · DarkRed · Wine Red

HEX
#AC0202
RGB
rgb(172, 2, 2)
HSL
hsl(0, 98%, 34%)
HSB
hsb(0, 99%, 67%)
CMYK
cmyk(0%, 99%, 99%, 33%)
Oklch
oklch(46.8% 0.191 29.1)

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

#160B0B

Crimson · Black · Deep Berry

HEX
#160B0B
RGB
rgb(22, 11, 11)
HSL
hsl(0, 33%, 6%)
HSB
hsb(0, 50%, 9%)
CMYK
cmyk(0%, 50%, 50%, 91%)
Oklch
oklch(16.5% 0.019 19.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#004346

Lake Blue · DarkSlateGray · Peacock Green

HEX
#004346
RGB
rgb(0, 67, 70)
HSL
hsl(183, 100%, 14%)
HSB
hsb(183, 100%, 27%)
CMYK
cmyk(100%, 4%, 0%, 73%)
Oklch
oklch(34.8% 0.059 199.9)

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

#79BCDB

Sky Blue · SkyBlue · Lake Green

HEX
#79BCDB
RGB
rgb(121, 188, 219)
HSL
hsl(199, 58%, 67%)
HSB
hsb(199, 45%, 86%)
CMYK
cmyk(45%, 14%, 0%, 14%)
Oklch
oklch(76.2% 0.081 229.0)

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

#AFF3B7

Emerald · LightGreen · Mint Green

HEX
#AFF3B7
RGB
rgb(175, 243, 183)
HSL
hsl(127, 74%, 82%)
HSB
hsb(127, 28%, 95%)
CMYK
cmyk(28%, 0%, 25%, 5%)
Oklch
oklch(90.3% 0.106 147.7)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC0202
02ACAC

Analogous

AC0257
AC0202
AC5702

Triadic

AC0202
02AC02
0202AC

Split-Comp.

AC0202
02AC57
0257AC

Tetradic

AC0202
57AC02
02ACAC
5702AC

Contrast Matrix WCAG 2.1 Contrast

AC0202
160B0B
004346
79BCDB
AFF3B7
—
2.5
Fail
1.5
Fail
3.6
AA Large
5.9
AA
2.5
Fail
—
1.7
Fail
9.2
AAA
15.0
AAA
1.5
Fail
1.7
Fail
—
5.3
AA
8.6
AAA
3.6
AA Large
9.2
AAA
5.3
AA
—
1.6
Fail
5.9
AA
15.0
AAA
8.6
AAA
1.6
Fail
—
White BG
7.6AAA
19.3AAA
11.1AAA
2.1Fail
1.3Fail
Black BG
2.8Fail
1.1Fail
1.9Fail
10.0AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

626102
11110B
1D1E45
9697D3
CCCDC6

Deuteranopia

6C7902
12130B
191445
928DD2
C9C3C9

Tritanopia

A40202
150B0B
034545
7CCECC
B2D1D4

Achromatopsia

353535
0E0E0E
2F2F2F
ACACAC
D8D8D8

Shades & Tints Shades & Tints

#AC0202

Dark
Light

#160B0B

Dark
Light

#004346

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac0202;
  --color-2: #160b0b;
  --color-3: #004346;
  --color-4: #79bcdb;
  --color-5: #aff3b7;
}

SCSS

$color-1: #ac0202;
$color-2: #160b0b;
$color-3: #004346;
$color-4: #79bcdb;
$color-5: #aff3b7;

TAILWIND

colors: {
  'brand-1': '#ac0202',
  'brand-2': '#160b0b',
  'brand-3': '#004346',
  'brand-4': '#79bcdb',
  'brand-5': '#aff3b7',
}

RGB Array

[172, 2, 2], [22, 11, 11], [0, 67, 70], [121, 188, 219], [175, 243, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AC0202, #160B0B, #004346, #79BCDB, #AFF3B7 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: #ac0202; --color-2: #160b0b; --color-3: #004346; --color-4: #79bcdb; --color-5: #aff3b7. 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