#2ABFBF + #26B399 + #499964 + #738033 + #241702 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#2ABFBF

Lake Blue · LightSeaGreen · Mint Ice

HEX

#2ABFBF

RGB

rgb(42, 191, 191)

HSL

hsl(180, 64%, 46%)

HSB

hsb(180, 78%, 75%)

CMYK

cmyk(78%, 0%, 0%, 25%)

Oklch

oklch(73.2% 0.117 194.9)

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

#26B399

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#26B399

RGB

rgb(38, 179, 153)

HSL

hsl(169, 65%, 43%)

HSB

hsb(169, 79%, 70%)

CMYK

cmyk(79%, 0%, 15%, 30%)

Oklch

oklch(68.9% 0.120 176.5)

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

#499964

Celadon · MediumSeaGreen · Olive Green

HEX

#499964

RGB

rgb(73, 153, 100)

HSL

hsl(140, 35%, 44%)

HSB

hsb(140, 52%, 60%)

CMYK

cmyk(52%, 0%, 35%, 40%)

Oklch

oklch(61.8% 0.113 152.7)

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

#738033

Grass Green · DarkOliveGreen · Forest Green

HEX

#738033

RGB

rgb(115, 128, 51)

HSL

hsl(70, 43%, 35%)

HSB

hsb(70, 60%, 50%)

CMYK

cmyk(10%, 0%, 60%, 50%)

Oklch

oklch(57.2% 0.103 117.8)

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

#241702

Ochre · Black · Cinnamon

HEX

#241702

RGB

rgb(36, 23, 2)

HSL

hsl(37, 89%, 7%)

HSB

hsb(37, 94%, 14%)

CMYK

cmyk(0%, 36%, 94%, 86%)

Oklch

oklch(21.6% 0.041 78.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2ABFBF

C02A2A

Analogous

2AC075

2ABFBF

2A75C0

Triadic

2ABFBF

C02AC0

C0C02A

Split-Comp.

2ABFBF

C02A75

C0752A

Tetradic

2ABFBF

752AC0

C02A2A

75C02A

Contrast Matrix WCAG 2.1 Contrast

2ABFBF	26B399	499964	738033	241702
—	1.2 Fail	1.5 Fail	1.9 Fail	7.8 AAA
1.2 Fail	—	1.3 Fail	1.6 Fail	6.7 AA
1.5 Fail	1.3 Fail	—	1.2 Fail	5.0 AA
1.9 Fail	1.6 Fail	1.2 Fail	—	4.1 AA Large
7.8 AAA	6.7 AA	5.0 AA	4.1 AA Large	—

White BG

2.3Fail

2.6Fail

3.5AA Large

4.3AA Large

17.5AAA

Black BG

9.3AAA

8.0AAA

6.0AA

4.9AA

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6CBF

63649F

6C6C71

797946

1E1E07

Deuteranopia

6257BF

5B50A1

676174

78774A

1F2008

Tritanopia

31BFBF

2DA4A5

4D7B7D

745458

230B0C

Achromatopsia

929292

868686

7B7B7B

737373

181818

Shades & Tints Shades & Tints

#2ABFBF

Dark

Light

#26B399

Dark

Light

#499964

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2abfbf;
  --color-2: #26b399;
  --color-3: #499964;
  --color-4: #738033;
  --color-5: #241702;
}

SCSS

$color-1: #2abfbf;
$color-2: #26b399;
$color-3: #499964;
$color-4: #738033;
$color-5: #241702;

TAILWIND

colors: {
  'brand-1': '#2abfbf',
  'brand-2': '#26b399',
  'brand-3': '#499964',
  'brand-4': '#738033',
  'brand-5': '#241702',
}

RGB Array

[42, 191, 191], [38, 179, 153], [73, 153, 100], [115, 128, 51], [36, 23, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #2ABFBF, #26B399, #499964, #738033, #241702 is ideal for: tech websites, dark mode UIs, game UIs. 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: #2abfbf; --color-2: #26b399; --color-3: #499964; --color-4: #738033; --color-5: #241702. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 earth-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