← Back to Editor

#230F2B · #F21D41 · #EBEBBC · #BCE3C5 · #82B3AE

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

#230F2B

Dark Plum · Black · Dark Purple

HEX
#230F2B
RGB
rgb(35, 15, 43)
HSL
hsl(283, 48%, 11%)
HSB
hsb(283, 65%, 17%)
CMYK
cmyk(19%, 65%, 0%, 83%)
Oklch
oklch(21.3% 0.059 315.5)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#F21D41

Vermilion · Crimson · Passion Red

HEX
#F21D41
RGB
rgb(242, 29, 65)
HSL
hsl(350, 89%, 53%)
HSB
hsb(350, 88%, 95%)
CMYK
cmyk(0%, 88%, 73%, 5%)
Oklch
oklch(61.6% 0.236 21.0)

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

#EBEBBC

Fresh Green · Wheat · Lemon Cream

HEX
#EBEBBC
RGB
rgb(235, 235, 188)
HSL
hsl(60, 54%, 83%)
HSB
hsb(60, 20%, 92%)
CMYK
cmyk(0%, 0%, 20%, 8%)
Oklch
oklch(92.8% 0.061 107.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#BCE3C5

Celadon · LightGray · Mint Green

HEX
#BCE3C5
RGB
rgb(188, 227, 197)
HSL
hsl(134, 41%, 81%)
HSB
hsb(134, 17%, 89%)
CMYK
cmyk(17%, 0%, 13%, 11%)
Oklch
oklch(88.0% 0.058 152.0)

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

#82B3AE

Jade · DarkSeaGreen · Lake Green

HEX
#82B3AE
RGB
rgb(130, 179, 174)
HSL
hsl(174, 24%, 61%)
HSB
hsb(174, 27%, 70%)
CMYK
cmyk(27%, 0%, 3%, 30%)
Oklch
oklch(73.1% 0.052 188.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

230F2B
162A0F

Analogous

140F2A
230F2B
2A0F24

Triadic

230F2B
2A220F
0F2A22

Split-Comp.

230F2B
242A0F
0F2A14

Tetradic

230F2B
2A140F
162A0F
0F242A

Contrast Matrix WCAG 2.1 Contrast

230F2B
F21D41
EBEBBC
BCE3C5
82B3AE
—
4.3
AA Large
14.6
AAA
12.7
AAA
7.7
AAA
4.3
AA Large
—
3.4
AA Large
3.0
Fail
1.8
Fail
14.6
AAA
3.4
AA Large
—
1.1
Fail
1.9
Fail
12.7
AAA
3.0
Fail
1.1
Fail
—
1.7
Fail
7.7
AAA
1.8
Fail
1.9
Fail
1.7
Fail
—
White BG
17.9AAA
4.2AA Large
1.2Fail
1.4Fail
2.3Fail
Black BG
1.2Fail
5.0AA
17.1AAA
14.9AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A24
969438
EBEBC7
CDCDCC
9798AF

Deuteranopia

1C1D23
A2B236
EBEBCA
CBC8CE
9491B0

Tritanopia

221F1E
E73130
EBD0D2
BED2D3
84B0B0

Achromatopsia

181818
616161
E6E6E6
D4D4D4
A4A4A4

Shades & Tints Shades & Tints

#230F2B

Dark
Light

#F21D41

Dark
Light

#EBEBBC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #230f2b;
  --color-2: #f21d41;
  --color-3: #ebebbc;
  --color-4: #bce3c5;
  --color-5: #82b3ae;
}

SCSS

$color-1: #230f2b;
$color-2: #f21d41;
$color-3: #ebebbc;
$color-4: #bce3c5;
$color-5: #82b3ae;

TAILWIND

colors: {
  'brand-1': '#230f2b',
  'brand-2': '#f21d41',
  'brand-3': '#ebebbc',
  'brand-4': '#bce3c5',
  'brand-5': '#82b3ae',
}

RGB Array

[35, 15, 43], [242, 29, 65], [235, 235, 188], [188, 227, 197], [130, 179, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #230F2B, #F21D41, #EBEBBC, #BCE3C5, #82B3AE 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: #230f2b; --color-2: #f21d41; --color-3: #ebebbc; --color-4: #bce3c5; --color-5: #82b3ae. 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