← Back to Editor

#F0693C · #95753A · #39604B · #1B383E · #0F2032

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

#F0693C

Tangerine · Tomato · Warm Sun

HEX
#F0693C
RGB
rgb(240, 105, 60)
HSL
hsl(15, 86%, 59%)
HSB
hsb(15, 75%, 94%)
CMYK
cmyk(0%, 56%, 75%, 6%)
Oklch
oklch(68.0% 0.177 38.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#95753A

Ochre · Sienna · Amber Brown

HEX
#95753A
RGB
rgb(149, 117, 58)
HSL
hsl(39, 44%, 41%)
HSB
hsb(39, 61%, 58%)
CMYK
cmyk(0%, 21%, 61%, 42%)
Oklch
oklch(58.1% 0.087 80.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#39604B

Celadon · DarkSlateGray · Forest Green

HEX
#39604B
RGB
rgb(57, 96, 75)
HSL
hsl(148, 25%, 30%)
HSB
hsb(148, 41%, 38%)
CMYK
cmyk(41%, 0%, 22%, 62%)
Oklch
oklch(45.3% 0.057 159.5)

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

#1B383E

Slate Blue · DarkSlateGray · Peacock Green

HEX
#1B383E
RGB
rgb(27, 56, 62)
HSL
hsl(190, 39%, 17%)
HSB
hsb(190, 56%, 24%)
CMYK
cmyk(56%, 10%, 0%, 76%)
Oklch
oklch(32.1% 0.036 212.6)

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

#0F2032

Indigo · Black · Deep Sea Blue

HEX
#0F2032
RGB
rgb(15, 32, 50)
HSL
hsl(211, 54%, 13%)
HSB
hsb(211, 70%, 20%)
CMYK
cmyk(70%, 36%, 0%, 80%)
Oklch
oklch(23.9% 0.042 251.2)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0693C
3DC3F0

Analogous

F03D69
F0693C
F0C33D

Triadic

F0693C
3DF069
693DF0

Split-Comp.

F0693C
3DF0C3
3D69F0

Tetradic

F0693C
69F03D
3DC3F0
C33DF0

Contrast Matrix WCAG 2.1 Contrast

F0693C
95753A
39604B
1B383E
0F2032
—
1.4
Fail
2.3
Fail
4.0
AA Large
5.3
AA
1.4
Fail
—
1.7
Fail
2.9
Fail
3.8
AA Large
2.3
Fail
1.7
Fail
—
1.8
Fail
2.3
Fail
4.0
AA Large
2.9
Fail
1.8
Fail
—
1.3
Fail
5.3
AA
3.8
AA Large
2.3
Fail
1.3
Fail
—
White BG
3.1AA Large
4.3AA Large
7.1AAA
12.5AAA
16.5AAA
Black BG
6.8AA
4.9AA
2.9Fail
1.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B447
878748
4A4A50
28283D
16172E

Deuteranopia

BDC84A
898B4C
484551
26243C
15142D

Tritanopia

E94F51
935456
3B5455
1C3B3B
102A29

Achromatopsia

8C8C8C
787878
525252
303030
1D1D1D

Shades & Tints Shades & Tints

#F0693C

Dark
Light

#95753A

Dark
Light

#39604B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0693c;
  --color-2: #95753a;
  --color-3: #39604b;
  --color-4: #1b383e;
  --color-5: #0f2032;
}

SCSS

$color-1: #f0693c;
$color-2: #95753a;
$color-3: #39604b;
$color-4: #1b383e;
$color-5: #0f2032;

TAILWIND

colors: {
  'brand-1': '#f0693c',
  'brand-2': '#95753a',
  'brand-3': '#39604b',
  'brand-4': '#1b383e',
  'brand-5': '#0f2032',
}

RGB Array

[240, 105, 60], [149, 117, 58], [57, 96, 75], [27, 56, 62], [15, 32, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0693C, #95753A, #39604B, #1B383E, #0F2032 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: #f0693c; --color-2: #95753a; --color-3: #39604b; --color-4: #1b383e; --color-5: #0f2032. 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 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