← Back to Editor

#23233E · #0BB2B9 · #32F0B8 · #A1F6C0 · #D7EE54

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

#23233E

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#23233E
RGB
rgb(35, 35, 62)
HSL
hsl(240, 28%, 19%)
HSB
hsb(240, 44%, 24%)
CMYK
cmyk(44%, 44%, 0%, 76%)
Oklch
oklch(27.0% 0.050 282.6)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#0BB2B9

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0BB2B9
RGB
rgb(11, 178, 185)
HSL
hsl(182, 89%, 38%)
HSB
hsb(182, 94%, 73%)
CMYK
cmyk(94%, 4%, 0%, 27%)
Oklch
oklch(69.5% 0.117 199.9)

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

#32F0B8

Mineral Blue · Turquoise · Lake Green

HEX
#32F0B8
RGB
rgb(50, 240, 184)
HSL
hsl(162, 86%, 57%)
HSB
hsb(162, 79%, 94%)
CMYK
cmyk(79%, 0%, 23%, 6%)
Oklch
oklch(85.2% 0.165 167.2)

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

#A1F6C0

Emerald · LightBlue · Apple Green

HEX
#A1F6C0
RGB
rgb(161, 246, 192)
HSL
hsl(142, 83%, 80%)
HSB
hsb(142, 35%, 96%)
CMYK
cmyk(35%, 0%, 22%, 4%)
Oklch
oklch(90.5% 0.111 155.6)

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

#D7EE54

Fresh Green · GreenYellow · Sunflower

HEX
#D7EE54
RGB
rgb(215, 238, 84)
HSL
hsl(69, 82%, 63%)
HSB
hsb(69, 65%, 93%)
CMYK
cmyk(10%, 0%, 65%, 7%)
Oklch
oklch(90.4% 0.176 117.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

23233E
3E3E23

Analogous

23303E
23233E
30233E

Triadic

23233E
3E2323
233E23

Split-Comp.

23233E
3E3023
303E23

Tetradic

23233E
3E2330
3E3E23
233E30

Contrast Matrix WCAG 2.1 Contrast

23233E
0BB2B9
32F0B8
A1F6C0
D7EE54
—
5.9
AA
10.3
AAA
11.9
AAA
11.8
AAA
5.9
AA
—
1.8
Fail
2.0
Fail
2.0
Fail
10.3
AAA
1.8
Fail
—
1.2
Fail
1.1
Fail
11.9
AAA
2.0
Fail
1.2
Fail
—
1.0
Fail
11.8
AAA
2.0
Fail
1.1
Fail
1.0
Fail
—
White BG
15.2AAA
2.6Fail
1.5Fail
1.3Fail
1.3Fail
Black BG
1.4Fail
8.1AAA
14.3AAA
16.5AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232337
5355B7
8486C6
C6C7CD
E1E179

Deuteranopia

232336
4A3DB7
796BC9
C1BBD0
E0DE82

Tritanopia

233231
13B6B6
3CD0D3
A5D7DA
D8979D

Achromatopsia

262626
818181
B1B1B1
D6D6D6
D6D6D6

Shades & Tints Shades & Tints

#23233E

Dark
Light

#0BB2B9

Dark
Light

#32F0B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #23233e;
  --color-2: #0bb2b9;
  --color-3: #32f0b8;
  --color-4: #a1f6c0;
  --color-5: #d7ee54;
}

SCSS

$color-1: #23233e;
$color-2: #0bb2b9;
$color-3: #32f0b8;
$color-4: #a1f6c0;
$color-5: #d7ee54;

TAILWIND

colors: {
  'brand-1': '#23233e',
  'brand-2': '#0bb2b9',
  'brand-3': '#32f0b8',
  'brand-4': '#a1f6c0',
  'brand-5': '#d7ee54',
}

RGB Array

[35, 35, 62], [11, 178, 185], [50, 240, 184], [161, 246, 192], [215, 238, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #23233E, #0BB2B9, #32F0B8, #A1F6C0, #D7EE54 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: #23233e; --color-2: #0bb2b9; --color-3: #32f0b8; --color-4: #a1f6c0; --color-5: #d7ee54. 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