← Back to Editor

#073236 · #F21832 · #D9752E · #D99926 · #CCB800

A 5-color palette 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

#073236

Lake Blue · DarkSlateGray · Peacock Green

HEX
#073236
RGB
rgb(7, 50, 54)
HSL
hsl(185, 77%, 12%)
HSB
hsb(185, 87%, 21%)
CMYK
cmyk(87%, 7%, 0%, 79%)
Oklch
oklch(29.1% 0.045 204.3)

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

#F21832

Vermilion · Crimson · Passion Red

HEX
#F21832
RGB
rgb(242, 24, 50)
HSL
hsl(353, 89%, 52%)
HSB
hsb(353, 90%, 95%)
CMYK
cmyk(0%, 90%, 79%, 5%)
Oklch
oklch(61.2% 0.239 24.2)

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

#D9752E

Tangerine · Chocolate · Warm Sun

HEX
#D9752E
RGB
rgb(217, 117, 46)
HSL
hsl(25, 69%, 52%)
HSB
hsb(25, 79%, 85%)
CMYK
cmyk(0%, 46%, 79%, 15%)
Oklch
oklch(66.4% 0.149 51.9)

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

#D99926

Ochre · GoldenRod · Amber Brown

HEX
#D99926
RGB
rgb(217, 153, 38)
HSL
hsl(39, 70%, 50%)
HSB
hsb(39, 82%, 85%)
CMYK
cmyk(0%, 29%, 82%, 15%)
Oklch
oklch(72.8% 0.142 76.3)

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

#CCB800

Autumn Sage · GoldenRod · Honey Gold

HEX
#CCB800
RGB
rgb(204, 184, 0)
HSL
hsl(54, 100%, 40%)
HSB
hsb(54, 100%, 80%)
CMYK
cmyk(0%, 10%, 100%, 20%)
Oklch
oklch(77.5% 0.162 101.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

073236
360B07

Analogous

073623
073236
071B36

Triadic

073236
360732
323607

Split-Comp.

073236
36071B
362307

Tetradic

073236
230736
360B07
1B3607

Contrast Matrix WCAG 2.1 Contrast

073236
F21832
D9752E
D99926
CCB800
—
3.3
AA Large
4.3
AA Large
5.6
AA
6.9
AA
3.3
AA Large
—
1.3
Fail
1.7
Fail
2.1
Fail
4.3
AA Large
1.3
Fail
—
1.3
Fail
1.6
Fail
5.6
AA
1.7
Fail
1.3
Fail
—
1.2
Fail
6.9
AA
2.1
Fail
1.6
Fail
1.2
Fail
—
White BG
13.8AAA
4.2AA Large
3.2AA Large
2.5Fail
2.0Fail
Black BG
1.5Fail
5.0AA
6.5AA
8.5AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A35
94922C
AEAD3F
BDBD42
C3C32D

Deuteranopia

171435
A0B12A
B4BB43
C1C649
C5C637

Tritanopia

093434
E72726
D44D50
D6585D
CB5057

Achromatopsia

262626
5C5C5C
8B8B8B
9F9F9F
A9A9A9

Shades & Tints Shades & Tints

#073236

Dark
Light

#F21832

Dark
Light

#D9752E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #073236;
  --color-2: #f21832;
  --color-3: #d9752e;
  --color-4: #d99926;
  --color-5: #ccb800;
}

SCSS

$color-1: #073236;
$color-2: #f21832;
$color-3: #d9752e;
$color-4: #d99926;
$color-5: #ccb800;

TAILWIND

colors: {
  'brand-1': '#073236',
  'brand-2': '#f21832',
  'brand-3': '#d9752e',
  'brand-4': '#d99926',
  'brand-5': '#ccb800',
}

RGB Array

[7, 50, 54], [242, 24, 50], [217, 117, 46], [217, 153, 38], [204, 184, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #073236, #F21832, #D9752E, #D99926, #CCB800 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: #073236; --color-2: #f21832; --color-3: #d9752e; --color-4: #d99926; --color-5: #ccb800. 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 general-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