← Back to Editor

#F93412 · #FF662C · #E6E3D3 · #6BC2E0 · #24C0EB

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F93412

Vermilion · OrangeRed · Passion Red

HEX
#F93412
RGB
rgb(249, 52, 18)
HSL
hsl(9, 95%, 52%)
HSB
hsb(9, 93%, 98%)
CMYK
cmyk(0%, 79%, 93%, 2%)
Oklch
oklch(63.7% 0.234 31.8)

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

#FF662C

Tangerine · Tomato · Warm Sun

HEX
#FF662C
RGB
rgb(255, 102, 44)
HSL
hsl(16, 100%, 59%)
HSB
hsb(16, 83%, 100%)
CMYK
cmyk(0%, 60%, 83%, 0%)
Oklch
oklch(69.7% 0.199 39.3)

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

#E6E3D3

Fresh Green · LightGray · Lemon Cream

HEX
#E6E3D3
RGB
rgb(230, 227, 211)
HSL
hsl(51, 28%, 86%)
HSB
hsb(51, 8%, 90%)
CMYK
cmyk(0%, 1%, 8%, 10%)
Oklch
oklch(91.4% 0.022 98.1)

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

#6BC2E0

Sky Blue · SkyBlue · Lake Green

HEX
#6BC2E0
RGB
rgb(107, 194, 224)
HSL
hsl(195, 65%, 65%)
HSB
hsb(195, 52%, 88%)
CMYK
cmyk(52%, 13%, 0%, 12%)
Oklch
oklch(77.1% 0.094 222.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#24C0EB

Lake Blue · DeepSkyBlue · Lake Green

HEX
#24C0EB
RGB
rgb(36, 192, 235)
HSL
hsl(193, 83%, 53%)
HSB
hsb(193, 85%, 92%)
CMYK
cmyk(85%, 18%, 0%, 8%)
Oklch
oklch(75.1% 0.133 222.7)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F93412
10D6F9

Analogous

F91062
F93412
F9A710

Triadic

F93412
10F933
3310F9

Split-Comp.

F93412
10F9A7
1062F9

Tetradic

F93412
62F910
10D6F9
A710F9

Contrast Matrix WCAG 2.1 Contrast

F93412
FF662C
E6E3D3
6BC2E0
24C0EB
—
1.3
Fail
2.9
Fail
1.9
Fail
1.8
Fail
1.3
Fail
—
2.3
Fail
1.4
Fail
1.4
Fail
2.9
Fail
2.3
Fail
—
1.6
Fail
1.7
Fail
1.9
Fail
1.4
Fail
1.6
Fail
—
1.1
Fail
1.8
Fail
1.4
Fail
1.7
Fail
1.1
Fail
—
White BG
3.8AA Large
2.9Fail
1.3Fail
2.0Fail
2.1Fail
Black BG
5.5AA
7.2AAA
16.3AAA
10.4AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A21A
BDBB3A
E5E5D7
9191D9
6869E1

Deuteranopia

AFBE1C
C6D13D
E5E5D8
8C85D7
5F53DE

Tritanopia

EF2122
F74548
E6DADB
6FD3D2
2CD8D7

Achromatopsia

6B6B6B
8D8D8D
E2E2E2
ABABAB
969696

Shades & Tints Shades & Tints

#F93412

Dark
Light

#FF662C

Dark
Light

#E6E3D3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f93412;
  --color-2: #ff662c;
  --color-3: #e6e3d3;
  --color-4: #6bc2e0;
  --color-5: #24c0eb;
}

SCSS

$color-1: #f93412;
$color-2: #ff662c;
$color-3: #e6e3d3;
$color-4: #6bc2e0;
$color-5: #24c0eb;

TAILWIND

colors: {
  'brand-1': '#f93412',
  'brand-2': '#ff662c',
  'brand-3': '#e6e3d3',
  'brand-4': '#6bc2e0',
  'brand-5': '#24c0eb',
}

RGB Array

[249, 52, 18], [255, 102, 44], [230, 227, 211], [107, 194, 224], [36, 192, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #F93412, #FF662C, #E6E3D3, #6BC2E0, #24C0EB is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #f93412; --color-2: #ff662c; --color-3: #e6e3d3; --color-4: #6bc2e0; --color-5: #24c0eb. 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. 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 bright-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