← Back to Editor

#08973B · #CB340C · #00D2FF · #FFFFFF · #000000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#08973B

Pine Green · ForestGreen · Forest Green

HEX
#08973B
RGB
rgb(8, 151, 59)
HSL
hsl(141, 90%, 31%)
HSB
hsb(141, 95%, 59%)
CMYK
cmyk(95%, 0%, 61%, 41%)
Oklch
oklch(59.1% 0.170 147.7)

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

#CB340C

Vermilion · FireBrick · Passion Red

HEX
#CB340C
RGB
rgb(203, 52, 12)
HSL
hsl(13, 89%, 42%)
HSB
hsb(13, 94%, 80%)
CMYK
cmyk(0%, 74%, 94%, 20%)
Oklch
oklch(55.5% 0.193 34.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#00D2FF

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#00D2FF
RGB
rgb(0, 210, 255)
HSL
hsl(191, 100%, 50%)
HSB
hsb(191, 100%, 100%)
CMYK
cmyk(100%, 18%, 0%, 0%)
Oklch
oklch(80.0% 0.146 220.7)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

08973B
960864

Analogous

1D9608
08973B
089681

Triadic

08973B
3A0896
963A08

Split-Comp.

08973B
810896
96081D

Tetradic

08973B
081D96
960864
968108

Contrast Matrix WCAG 2.1 Contrast

08973B
CB340C
00D2FF
FFFFFF
000000
—
1.4
Fail
2.1
Fail
3.8
AA Large
5.5
AA
1.4
Fail
—
2.9
Fail
5.2
AA
4.0
AA Large
2.1
Fail
2.9
Fail
—
1.8
Fail
11.7
AAA
3.8
AA Large
5.2
AA
1.8
Fail
—
21.0
AAA
5.5
AA
4.0
AA Large
11.7
AAA
21.0
AAA
—
White BG
3.8AA Large
5.2AA
1.8Fail
1.0Fail
21.0AAA
Black BG
5.5AA
4.0AA Large
11.7AAA
21.0AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

464751
8A8816
5B5DF4
FFFFFF
000000

Deuteranopia

3E3357
929E18
4F3FF2
FFFFFF
000000

Tritanopia

0F6367
C31D1F
0BECEA
FFFFFF
000000

Achromatopsia

626262
5D5D5D
989898
FFFFFF
000000

Shades & Tints Shades & Tints

#08973B

Dark
Light

#CB340C

Dark
Light

#00D2FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #08973b;
  --color-2: #cb340c;
  --color-3: #00d2ff;
  --color-4: #ffffff;
  --color-5: #000000;
}

SCSS

$color-1: #08973b;
$color-2: #cb340c;
$color-3: #00d2ff;
$color-4: #ffffff;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#08973b',
  'brand-2': '#cb340c',
  'brand-3': '#00d2ff',
  'brand-4': '#ffffff',
  'brand-5': '#000000',
}

RGB Array

[8, 151, 59], [203, 52, 12], [0, 210, 255], [255, 255, 255], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #08973B, #CB340C, #00D2FF, #FFFFFF, #000000 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: #08973b; --color-2: #cb340c; --color-3: #00d2ff; --color-4: #ffffff; --color-5: #000000. 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 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