← Back to Editor

#FF193F · #FF4625 · #615E58 · #EBD1CC · #595036

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#FF193F

Vermilion · Crimson · Passion Red

HEX
#FF193F
RGB
rgb(255, 25, 63)
HSL
hsl(350, 100%, 55%)
HSB
hsb(350, 90%, 100%)
CMYK
cmyk(0%, 90%, 75%, 0%)
Oklch
oklch(63.7% 0.249 22.0)

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

#FF4625

Vermilion · OrangeRed · Passion Red

HEX
#FF4625
RGB
rgb(255, 70, 37)
HSL
hsl(9, 100%, 57%)
HSB
hsb(9, 85%, 100%)
CMYK
cmyk(0%, 73%, 85%, 0%)
Oklch
oklch(66.2% 0.226 32.4)

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

#615E58

Ink Gray · DimGray · Charcoal

HEX
#615E58
RGB
rgb(97, 94, 88)
HSL
hsl(40, 5%, 36%)
HSB
hsb(40, 9%, 38%)
CMYK
cmyk(0%, 3%, 9%, 62%)
Oklch
oklch(48.3% 0.010 84.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#EBD1CC

Peach Pink · LightGray · Cherry Blossom

HEX
#EBD1CC
RGB
rgb(235, 209, 204)
HSL
hsl(10, 44%, 86%)
HSB
hsb(10, 13%, 92%)
CMYK
cmyk(0%, 11%, 13%, 8%)
Oklch
oklch(88.1% 0.030 30.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#595036

Ochre · DarkOliveGreen · Honey Gold

HEX
#595036
RGB
rgb(89, 80, 54)
HSL
hsl(45, 24%, 28%)
HSB
hsb(45, 39%, 35%)
CMYK
cmyk(0%, 10%, 39%, 65%)
Oklch
oklch(43.3% 0.041 91.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF193F
1AFFD9

Analogous

FF1AB3
FF193F
FF661A

Triadic

FF193F
40FF1A
1A40FF

Split-Comp.

FF193F
1AFF66
1AB2FF

Tetradic

FF193F
B3FF1A
1AFFD9
661AFF

Contrast Matrix WCAG 2.1 Contrast

FF193F
FF4625
615E58
EBD1CC
595036
—
1.1
Fail
1.7
Fail
2.7
Fail
2.1
Fail
1.1
Fail
—
1.9
Fail
2.4
Fail
2.3
Fail
1.7
Fail
1.9
Fail
—
4.5
AA Large
1.2
Fail
2.7
Fail
2.4
Fail
4.5
AA Large
—
5.5
AA
2.1
Fail
2.3
Fail
1.2
Fail
5.5
AA
—
White BG
3.8AA Large
3.4AA Large
6.5AA
1.4Fail
8.0AAA
Black BG
5.5AA
6.2AA
3.3AA Large
14.5AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9936
AFAD2D
606059
E0E0CD
55553C

Deuteranopia

A9BA34
BAC82F
60605A
E1E3CD
56563E

Tritanopia

F42F2D
F63335
615B5B
EACECE
594142

Achromatopsia

626262
7A7A7A
5E5E5E
D8D8D8
505050

Shades & Tints Shades & Tints

#FF193F

Dark
Light

#FF4625

Dark
Light

#615E58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff193f;
  --color-2: #ff4625;
  --color-3: #615e58;
  --color-4: #ebd1cc;
  --color-5: #595036;
}

SCSS

$color-1: #ff193f;
$color-2: #ff4625;
$color-3: #615e58;
$color-4: #ebd1cc;
$color-5: #595036;

TAILWIND

colors: {
  'brand-1': '#ff193f',
  'brand-2': '#ff4625',
  'brand-3': '#615e58',
  'brand-4': '#ebd1cc',
  'brand-5': '#595036',
}

RGB Array

[255, 25, 63], [255, 70, 37], [97, 94, 88], [235, 209, 204], [89, 80, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #FF193F, #FF4625, #615E58, #EBD1CC, #595036 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: #ff193f; --color-2: #ff4625; --color-3: #615e58; --color-4: #ebd1cc; --color-5: #595036. 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 minimal-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