← Back to Editor

#0FC3E8 · #000000 · #C90A02 · #FF6600 · #FBB829

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#0FC3E8

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#0FC3E8
RGB
rgb(15, 195, 232)
HSL
hsl(190, 88%, 48%)
HSB
hsb(190, 94%, 91%)
CMYK
cmyk(94%, 16%, 0%, 9%)
Oklch
oklch(75.5% 0.134 218.2)

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

#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

#C90A02

Vermilion · FireBrick · Wine Red

HEX
#C90A02
RGB
rgb(201, 10, 2)
HSL
hsl(2, 98%, 40%)
HSB
hsb(2, 99%, 79%)
CMYK
cmyk(0%, 95%, 99%, 21%)
Oklch
oklch(52.7% 0.213 29.6)

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

#FF6600

Tangerine · OrangeRed · Amber Brown

HEX
#FF6600
RGB
rgb(255, 102, 0)
HSL
hsl(24, 100%, 50%)
HSB
hsb(24, 100%, 100%)
CMYK
cmyk(0%, 60%, 100%, 0%)
Oklch
oklch(69.6% 0.204 43.5)

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

#FBB829

Ginger · GoldenRod · Sunflower

HEX
#FBB829
RGB
rgb(251, 184, 41)
HSL
hsl(41, 96%, 57%)
HSB
hsb(41, 84%, 98%)
CMYK
cmyk(0%, 27%, 84%, 2%)
Oklch
oklch(82.4% 0.161 80.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0FC3E8
E6330F

Analogous

0FE69E
0FC3E8
0F56E6

Triadic

0FC3E8
E60FC2
C2E60F

Split-Comp.

0FC3E8
E60F56
E69E0F

Tetradic

0FC3E8
9E0FE6
E6330F
56E60F

Contrast Matrix WCAG 2.1 Contrast

0FC3E8
000000
C90A02
FF6600
FBB829
—
10.0
AAA
2.8
Fail
1.4
Fail
1.2
Fail
10.0
AAA
—
3.5
AA Large
7.2
AAA
12.0
AAA
2.8
Fail
3.5
AA Large
—
2.0
Fail
3.4
AA Large
1.4
Fail
7.2
AAA
2.0
Fail
—
1.7
Fail
1.2
Fail
12.0
AAA
3.4
AA Large
1.7
Fail
—
White BG
2.1Fail
21.0AAA
6.0AA
2.9Fail
1.8Fail
Black BG
10.0AAA
1.0Fail
3.5AA Large
7.2AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5FDF
000000
767504
BDBB19
DEDD4C

Deuteranopia

5345DD
000000
819004
C6D11F
E2E754

Tritanopia

18D8D6
000000
BF0506
F72C30
F8676D

Achromatopsia

919191
000000
424242
888888
BCBCBC

Shades & Tints Shades & Tints

#0FC3E8

Dark
Light

#000000

Dark
Light

#C90A02

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0fc3e8;
  --color-2: #000000;
  --color-3: #c90a02;
  --color-4: #ff6600;
  --color-5: #fbb829;
}

SCSS

$color-1: #0fc3e8;
$color-2: #000000;
$color-3: #c90a02;
$color-4: #ff6600;
$color-5: #fbb829;

TAILWIND

colors: {
  'brand-1': '#0fc3e8',
  'brand-2': '#000000',
  'brand-3': '#c90a02',
  'brand-4': '#ff6600',
  'brand-5': '#fbb829',
}

RGB Array

[15, 195, 232], [0, 0, 0], [201, 10, 2], [255, 102, 0], [251, 184, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #0FC3E8, #000000, #C90A02, #FF6600, #FBB829 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0fc3e8; --color-2: #000000; --color-3: #c90a02; --color-4: #ff6600; --color-5: #fbb829. 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 warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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