← Back to Editor

#A3FAE8 · #65F2CF · #00F1BB · #09E0B6 · #3ECAB1

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A3FAE8

Jade · LightBlue · Glacier Blue

HEX
#A3FAE8
RGB
rgb(163, 250, 232)
HSL
hsl(168, 90%, 81%)
HSB
hsb(168, 35%, 98%)
CMYK
cmyk(35%, 0%, 7%, 2%)
Oklch
oklch(92.5% 0.088 179.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#65F2CF

Jade · Turquoise · Lake Green

HEX
#65F2CF
RGB
rgb(101, 242, 207)
HSL
hsl(165, 84%, 67%)
HSB
hsb(165, 58%, 95%)
CMYK
cmyk(58%, 0%, 14%, 5%)
Oklch
oklch(87.4% 0.133 174.0)

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

#00F1BB

Mineral Blue · MediumSpringGreen · Mint Ice

HEX
#00F1BB
RGB
rgb(0, 241, 187)
HSL
hsl(167, 100%, 47%)
HSB
hsb(167, 100%, 95%)
CMYK
cmyk(100%, 0%, 22%, 5%)
Oklch
oklch(85.2% 0.170 169.0)

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

#09E0B6

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#09E0B6
RGB
rgb(9, 224, 182)
HSL
hsl(168, 92%, 46%)
HSB
hsb(168, 96%, 88%)
CMYK
cmyk(96%, 0%, 19%, 12%)
Oklch
oklch(80.8% 0.155 172.6)

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

#3ECAB1

Mineral Blue · MediumTurquoise · Lake Green

HEX
#3ECAB1
RGB
rgb(62, 202, 177)
HSL
hsl(169, 57%, 52%)
HSB
hsb(169, 69%, 79%)
CMYK
cmyk(69%, 0%, 12%, 21%)
Oklch
oklch(75.9% 0.123 178.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3FAE8
FAA3B4

Analogous

A3FABD
A3FAE8
A3E0FA

Triadic

A3FAE8
E9A3FA
FAE9A3

Split-Comp.

A3FAE8
FAA3E0
FABDA3

Tetradic

A3FAE8
BDA3FA
FAA3B4
E0FAA3

Contrast Matrix WCAG 2.1 Contrast

A3FAE8
65F2CF
00F1BB
09E0B6
3ECAB1
—
1.1
Fail
1.2
Fail
1.4
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.4
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
White BG
1.2Fail
1.4Fail
1.5Fail
1.7Fail
2.0Fail
Black BG
17.4AAA
15.2AAA
14.3AAA
12.3AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9EC
A2A3D7
686BC8
6668C0
7B7CB7

Deuteranopia

C4BDED
9A8FD9
5A48CB
5A4AC3
7368B9

Tritanopia

A7F0F1
6CDEE0
0CD2D5
14C8CA
45BCBD

Achromatopsia

DEDEDE
C4C4C4
A3A3A3
9B9B9B
9D9D9D

Shades & Tints Shades & Tints

#A3FAE8

Dark
Light

#65F2CF

Dark
Light

#00F1BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3fae8;
  --color-2: #65f2cf;
  --color-3: #00f1bb;
  --color-4: #09e0b6;
  --color-5: #3ecab1;
}

SCSS

$color-1: #a3fae8;
$color-2: #65f2cf;
$color-3: #00f1bb;
$color-4: #09e0b6;
$color-5: #3ecab1;

TAILWIND

colors: {
  'brand-1': '#a3fae8',
  'brand-2': '#65f2cf',
  'brand-3': '#00f1bb',
  'brand-4': '#09e0b6',
  'brand-5': '#3ecab1',
}

RGB Array

[163, 250, 232], [101, 242, 207], [0, 241, 187], [9, 224, 182], [62, 202, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #A3FAE8, #65F2CF, #00F1BB, #09E0B6, #3ECAB1 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: #a3fae8; --color-2: #65f2cf; --color-3: #00f1bb; --color-4: #09e0b6; --color-5: #3ecab1. 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 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