← Back to Editor

#C22B6C · #262F46 · #117F7F · #A6EC6F · #E6FAD7

bright

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

#C22B6C

Dark Violet · MediumVioletRed · Camellia

HEX
#C22B6C
RGB
rgb(194, 43, 108)
HSL
hsl(334, 64%, 46%)
HSB
hsb(334, 78%, 76%)
CMYK
cmyk(0%, 78%, 44%, 24%)
Oklch
oklch(54.8% 0.192 0.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#262F46

Indigo · DarkSlateGray · Prussian Blue

HEX
#262F46
RGB
rgb(38, 47, 70)
HSL
hsl(223, 30%, 21%)
HSB
hsb(223, 46%, 27%)
CMYK
cmyk(46%, 33%, 0%, 73%)
Oklch
oklch(30.8% 0.044 267.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#117F7F

Lake Blue · Teal · Mint Ice

HEX
#117F7F
RGB
rgb(17, 127, 127)
HSL
hsl(180, 76%, 28%)
HSB
hsb(180, 87%, 50%)
CMYK
cmyk(87%, 0%, 0%, 50%)
Oklch
oklch(54.2% 0.089 194.8)

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

#A6EC6F

Emerald · LightGreen · Apple Green

HEX
#A6EC6F
RGB
rgb(166, 236, 111)
HSL
hsl(94, 77%, 68%)
HSB
hsb(94, 53%, 93%)
CMYK
cmyk(30%, 0%, 53%, 7%)
Oklch
oklch(87.0% 0.173 133.1)

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

#E6FAD7

Emerald · Beige · Mint Green

HEX
#E6FAD7
RGB
rgb(230, 250, 215)
HSL
hsl(94, 78%, 91%)
HSB
hsb(94, 14%, 98%)
CMYK
cmyk(8%, 0%, 14%, 2%)
Oklch
oklch(96.1% 0.051 131.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C22B6C
2AC07F

Analogous

C02AB6
C22B6C
C0342A

Triadic

C22B6C
6BC02A
2A6BC0

Split-Comp.

C22B6C
2AC034
2AB6C0

Tetradic

C22B6C
B6C02A
2AC07F
342AC0

Contrast Matrix WCAG 2.1 Contrast

C22B6C
262F46
117F7F
A6EC6F
E6FAD7
—
2.4
Fail
1.1
Fail
3.9
AA Large
4.9
AA
2.4
Fail
—
2.8
Fail
9.4
AAA
12.1
AAA
1.1
Fail
2.8
Fail
—
3.4
AA Large
4.4
AA Large
3.9
AA Large
9.4
AAA
3.4
AA Large
—
1.3
Fail
4.9
AA
12.1
AAA
4.4
AA Large
1.3
Fail
—
White BG
5.4AA
13.3AAA
4.8AA
1.4Fail
1.1Fail
Black BG
3.9AA Large
1.6Fail
4.4AA Large
14.8AAA
19.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

817F5C
2A2A40
41427F
C4C58D
EFEFDF

Deuteranopia

899559
29293F
3A327F
C0BB95
EEECE2

Tritanopia

BA504D
263C3B
177F7F
AAA5AA
E7E6E8

Achromatopsia

606060
2F2F2F
5E5E5E
C9C9C9
F0F0F0

Shades & Tints Shades & Tints

#C22B6C

Dark
Light

#262F46

Dark
Light

#117F7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c22b6c;
  --color-2: #262f46;
  --color-3: #117f7f;
  --color-4: #a6ec6f;
  --color-5: #e6fad7;
}

SCSS

$color-1: #c22b6c;
$color-2: #262f46;
$color-3: #117f7f;
$color-4: #a6ec6f;
$color-5: #e6fad7;

TAILWIND

colors: {
  'brand-1': '#c22b6c',
  'brand-2': '#262f46',
  'brand-3': '#117f7f',
  'brand-4': '#a6ec6f',
  'brand-5': '#e6fad7',
}

RGB Array

[194, 43, 108], [38, 47, 70], [17, 127, 127], [166, 236, 111], [230, 250, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #C22B6C, #262F46, #117F7F, #A6EC6F, #E6FAD7 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: #c22b6c; --color-2: #262f46; --color-3: #117f7f; --color-4: #a6ec6f; --color-5: #e6fad7. 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 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