← Back to Editor

#FD0953 · #0B1B1C · #2D2425 · #6D6B6B · #7CB99F

cool

A 5-color cool 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

#FD0953

Dark Violet · Crimson · Rose Pink

HEX
#FD0953
RGB
rgb(253, 9, 83)
HSL
hsl(342, 98%, 51%)
HSB
hsb(342, 96%, 99%)
CMYK
cmyk(0%, 96%, 67%, 1%)
Oklch
oklch(63.3% 0.251 16.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#0B1B1C

Slate Blue · Black · Peacock Green

HEX
#0B1B1C
RGB
rgb(11, 27, 28)
HSL
hsl(184, 44%, 8%)
HSB
hsb(184, 61%, 11%)
CMYK
cmyk(61%, 4%, 0%, 89%)
Oklch
oklch(20.9% 0.022 200.8)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#2D2425

Crimson · DarkSlateGray · Deep Berry

HEX
#2D2425
RGB
rgb(45, 36, 37)
HSL
hsl(353, 11%, 16%)
HSB
hsb(353, 20%, 18%)
CMYK
cmyk(0%, 20%, 18%, 82%)
Oklch
oklch(27.1% 0.014 10.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#6D6B6B

Ink Gray · DimGray · Warm Gray

HEX
#6D6B6B
RGB
rgb(109, 107, 107)
HSL
hsl(0, 1%, 42%)
HSB
hsb(0, 2%, 43%)
CMYK
cmyk(0%, 2%, 2%, 57%)
Oklch
oklch(53.0% 0.002 17.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#7CB99F

Jade · DarkSeaGreen · Apple Green

HEX
#7CB99F
RGB
rgb(124, 185, 159)
HSL
hsl(154, 30%, 61%)
HSB
hsb(154, 33%, 73%)
CMYK
cmyk(33%, 0%, 14%, 27%)
Oklch
oklch(73.7% 0.074 165.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FD0953
08FDB3

Analogous

FD08CC
FD0953
FD3908

Triadic

FD0953
51FD08
0851FD

Split-Comp.

FD0953
08FD39
08CCFD

Tetradic

FD0953
CCFD08
08FDB3
3908FD

Contrast Matrix WCAG 2.1 Contrast

FD0953
0B1B1C
2D2425
6D6B6B
7CB99F
—
4.5
AA Large
3.8
AA Large
1.3
Fail
1.7
Fail
4.5
AA Large
—
1.2
Fail
3.3
AA Large
7.8
AAA
3.8
AA Large
1.2
Fail
—
2.9
Fail
6.7
AA
1.3
Fail
3.3
AA Large
2.9
Fail
—
2.3
Fail
1.7
Fail
7.8
AAA
6.7
AA
2.3
Fail
—
White BG
3.9AA Large
17.7AAA
15.1AAA
5.3AA
2.3Fail
Black BG
5.3AA
1.2Fail
1.4Fail
4.0AA Large
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939141
12121C
292925
6C6C6B
9697A5

Deuteranopia

A2B43D
11101C
2A2A25
6C6C6B
938EA7

Tritanopia

F13330
0C1C1C
2D2525
6D6B6B
7FAAAB

Achromatopsia

5A5A5A
161616
272727
6C6C6C
A4A4A4

Shades & Tints Shades & Tints

#FD0953

Dark
Light

#0B1B1C

Dark
Light

#2D2425

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fd0953;
  --color-2: #0b1b1c;
  --color-3: #2d2425;
  --color-4: #6d6b6b;
  --color-5: #7cb99f;
}

SCSS

$color-1: #fd0953;
$color-2: #0b1b1c;
$color-3: #2d2425;
$color-4: #6d6b6b;
$color-5: #7cb99f;

TAILWIND

colors: {
  'brand-1': '#fd0953',
  'brand-2': '#0b1b1c',
  'brand-3': '#2d2425',
  'brand-4': '#6d6b6b',
  'brand-5': '#7cb99f',
}

RGB Array

[253, 9, 83], [11, 27, 28], [45, 36, 37], [109, 107, 107], [124, 185, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FD0953, #0B1B1C, #2D2425, #6D6B6B, #7CB99F is ideal for: tech websites, dark mode UIs, game UIs, 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: #fd0953; --color-2: #0b1b1c; --color-3: #2d2425; --color-4: #6d6b6b; --color-5: #7cb99f. 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. 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 cool-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