← Back to Editor

#110000 · #DD7700 · #FFDD88 · #FFFFEE · #88BBBB

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 AppData Visualization

Color Details Color Details

#110000

Vermilion · Black · Deep Berry

HEX
#110000
RGB
rgb(17, 0, 0)
HSL
hsl(0, 100%, 3%)
HSB
hsb(0, 100%, 7%)
CMYK
cmyk(0%, 100%, 100%, 93%)
Oklch
oklch(11.2% 0.046 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#DD7700

Ochre · Chocolate · Amber Brown

HEX
#DD7700
RGB
rgb(221, 119, 0)
HSL
hsl(32, 100%, 43%)
HSB
hsb(32, 100%, 87%)
CMYK
cmyk(0%, 46%, 100%, 13%)
Oklch
oklch(67.1% 0.162 57.5)

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

#FFDD88

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDD88
RGB
rgb(255, 221, 136)
HSL
hsl(43, 100%, 77%)
HSB
hsb(43, 47%, 100%)
CMYK
cmyk(0%, 13%, 47%, 0%)
Oklch
oklch(90.8% 0.111 88.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFFFEE

Fresh Green · SeaShell · Lemon Cream

HEX
#FFFFEE
RGB
rgb(255, 255, 238)
HSL
hsl(60, 100%, 97%)
HSB
hsb(60, 7%, 100%)
CMYK
cmyk(0%, 0%, 7%, 0%)
Oklch
oklch(99.5% 0.022 106.8)

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

#88BBBB

Sky Blue · DarkGray · Lake Green

HEX
#88BBBB
RGB
rgb(136, 187, 187)
HSL
hsl(180, 27%, 63%)
HSB
hsb(180, 27%, 73%)
CMYK
cmyk(27%, 0%, 0%, 27%)
Oklch
oklch(75.6% 0.053 196.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

110000
000F0F

Analogous

0F0008
110000
0F0800

Triadic

110000
000F00
00000F

Split-Comp.

110000
000F08
00080F

Tetradic

110000
080F00
000F0F
08000F

Contrast Matrix WCAG 2.1 Contrast

110000
DD7700
FFDD88
FFFFEE
88BBBB
—
6.6
AA
15.6
AAA
20.3
AAA
9.6
AAA
6.6
AA
—
2.4
Fail
3.1
AA Large
1.5
Fail
15.6
AAA
2.4
Fail
—
1.3
Fail
1.6
Fail
20.3
AAA
3.1
AA Large
1.3
Fail
—
2.1
Fail
9.6
AAA
1.5
Fail
1.6
Fail
2.1
Fail
—
White BG
20.5AAA
3.1AA Large
1.3Fail
1.0Fail
2.1Fail
Black BG
1.0Fail
6.7AA
16.0AAA
20.8AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0900
B1B01D
F0F09D
FFFFF2
9E9FBB

Deuteranopia

0B0C00
B7BE24
F2F5A2
FFFFF3
9B97BB

Tritanopia

100000
D83439
FDADB0
FFF5F6
8BBBBB

Achromatopsia

050505
888888
DDDDDD
FDFDFD
ACACAC

Shades & Tints Shades & Tints

#110000

Dark
Light

#DD7700

Dark
Light

#FFDD88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #110000;
  --color-2: #dd7700;
  --color-3: #ffdd88;
  --color-4: #ffffee;
  --color-5: #88bbbb;
}

SCSS

$color-1: #110000;
$color-2: #dd7700;
$color-3: #ffdd88;
$color-4: #ffffee;
$color-5: #88bbbb;

TAILWIND

colors: {
  'brand-1': '#110000',
  'brand-2': '#dd7700',
  'brand-3': '#ffdd88',
  'brand-4': '#ffffee',
  'brand-5': '#88bbbb',
}

RGB Array

[17, 0, 0], [221, 119, 0], [255, 221, 136], [255, 255, 238], [136, 187, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #110000, #DD7700, #FFDD88, #FFFFEE, #88BBBB is ideal for: social media posters, mobile apps, e-commerce promos, 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: #110000; --color-2: #dd7700; --color-3: #ffdd88; --color-4: #ffffee; --color-5: #88bbbb. 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 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