← Back to Editor

#181A1B · #286757 · #2FC723 · #B3F200 · #D3E0D3

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#181A1B

Ink Black · Black · Jet Black

HEX
#181A1B
RGB
rgb(24, 26, 27)
HSL
hsl(200, 6%, 10%)
HSB
hsb(200, 11%, 11%)
CMYK
cmyk(11%, 4%, 0%, 89%)
Oklch
oklch(21.6% 0.004 229.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#286757

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#286757
RGB
rgb(40, 103, 87)
HSL
hsl(165, 44%, 28%)
HSB
hsb(165, 61%, 40%)
CMYK
cmyk(61%, 0%, 16%, 60%)
Oklch
oklch(46.8% 0.070 173.7)

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

#2FC723

Pine Green · LimeGreen · Olive Green

HEX
#2FC723
RGB
rgb(47, 199, 35)
HSL
hsl(116, 70%, 46%)
HSB
hsb(116, 82%, 78%)
CMYK
cmyk(76%, 0%, 82%, 22%)
Oklch
oklch(72.5% 0.230 142.1)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

#B3F200

Grass Green · GreenYellow · Olive Green

HEX
#B3F200
RGB
rgb(179, 242, 0)
HSL
hsl(76, 100%, 47%)
HSB
hsb(76, 100%, 95%)
CMYK
cmyk(26%, 0%, 100%, 5%)
Oklch
oklch(88.5% 0.226 126.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#D3E0D3

Celadon · LightGray · Mint Green

HEX
#D3E0D3
RGB
rgb(211, 224, 211)
HSL
hsl(120, 17%, 85%)
HSB
hsb(120, 6%, 88%)
CMYK
cmyk(6%, 0%, 6%, 12%)
Oklch
oklch(89.3% 0.022 145.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

181A1B
1B1918

Analogous

181B1B
181A1B
18181B

Triadic

181A1B
1B181A
1A1B18

Split-Comp.

181A1B
1B1818
1B1B18

Tetradic

181A1B
1B181B
1B1918
181B18

Contrast Matrix WCAG 2.1 Contrast

181A1B
286757
2FC723
B3F200
D3E0D3
—
2.6
Fail
7.7
AAA
13.0
AAA
12.8
AAA
2.6
Fail
—
2.9
Fail
4.9
AA
4.9
AA
7.7
AAA
2.9
Fail
—
1.7
Fail
1.7
Fail
13.0
AAA
4.9
AA
1.7
Fail
—
1.0
Fail
12.8
AAA
4.9
AA
1.7
Fail
1.0
Fail
—
White BG
17.5AAA
6.6AA
2.3Fail
1.3Fail
1.4Fail
Black BG
1.2Fail
3.2AA Large
9.3AAA
15.6AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19191B
43445B
71724B
CECF3B
D9D9D6

Deuteranopia

19191B
403B5C
685D54
CBC649
D8D7D7

Tritanopia

181B1B
2B5E5F
376A71
B66973
D4D9D9

Achromatopsia

1A1A1A
525252
878787
C4C4C4
DBDBDB

Shades & Tints Shades & Tints

#181A1B

Dark
Light

#286757

Dark
Light

#2FC723

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #181a1b;
  --color-2: #286757;
  --color-3: #2fc723;
  --color-4: #b3f200;
  --color-5: #d3e0d3;
}

SCSS

$color-1: #181a1b;
$color-2: #286757;
$color-3: #2fc723;
$color-4: #b3f200;
$color-5: #d3e0d3;

TAILWIND

colors: {
  'brand-1': '#181a1b',
  'brand-2': '#286757',
  'brand-3': '#2fc723',
  'brand-4': '#b3f200',
  'brand-5': '#d3e0d3',
}

RGB Array

[24, 26, 27], [40, 103, 87], [47, 199, 35], [179, 242, 0], [211, 224, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #181A1B, #286757, #2FC723, #B3F200, #D3E0D3 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #181a1b; --color-2: #286757; --color-3: #2fc723; --color-4: #b3f200; --color-5: #d3e0d3. 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 tech, SaaS, healthcare, eco industries. 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