← Back to Editor

#1D6B97 · #D6BF0E · #F1D710 · #11808A · #0B485A

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

#1D6B97

Lake Blue · Teal · Prussian Blue

HEX
#1D6B97
RGB
rgb(29, 107, 151)
HSL
hsl(202, 68%, 35%)
HSB
hsb(202, 81%, 59%)
CMYK
cmyk(81%, 29%, 0%, 41%)
Oklch
oklch(50.3% 0.101 238.9)

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

#D6BF0E

Autumn Sage · GoldenRod · Honey Gold

HEX
#D6BF0E
RGB
rgb(214, 191, 14)
HSL
hsl(53, 88%, 45%)
HSB
hsb(53, 93%, 84%)
CMYK
cmyk(0%, 11%, 93%, 16%)
Oklch
oklch(80.0% 0.164 100.4)

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

#F1D710

Autumn Sage · Gold · Honey Gold

HEX
#F1D710
RGB
rgb(241, 215, 16)
HSL
hsl(53, 89%, 50%)
HSB
hsb(53, 93%, 95%)
CMYK
cmyk(0%, 11%, 93%, 5%)
Oklch
oklch(87.4% 0.180 100.3)

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

#11808A

Lake Blue · Teal · Mint Ice

HEX
#11808A
RGB
rgb(17, 128, 138)
HSL
hsl(185, 78%, 30%)
HSB
hsb(185, 88%, 54%)
CMYK
cmyk(88%, 7%, 0%, 46%)
Oklch
oklch(54.9% 0.090 204.8)

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

#0B485A

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0B485A
RGB
rgb(11, 72, 90)
HSL
hsl(194, 78%, 20%)
HSB
hsb(194, 88%, 35%)
CMYK
cmyk(88%, 20%, 0%, 65%)
Oklch
oklch(37.4% 0.065 223.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D6B97
96491D

Analogous

1D9686
1D6B97
1D2D96

Triadic

1D6B97
961D69
69961D

Split-Comp.

1D6B97
961D2D
96861D

Tetradic

1D6B97
861D96
96491D
2D961D

Contrast Matrix WCAG 2.1 Contrast

1D6B97
D6BF0E
F1D710
11808A
0B485A
—
3.1
AA Large
4.0
AA Large
1.2
Fail
1.7
Fail
3.1
AA Large
—
1.3
Fail
2.5
Fail
5.4
AA
4.0
AA Large
1.3
Fail
—
3.2
AA Large
6.9
AA
1.2
Fail
2.5
Fail
3.2
AA Large
—
2.1
Fail
1.7
Fail
5.4
AA
6.9
AA
2.1
Fail
—
White BG
5.8AA
1.9Fail
1.5Fail
4.7AA
10.1AAA
Black BG
3.6AA Large
11.3AAA
14.5AAA
4.5AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F8C
CCCC39
E6E640
414288
252656

Deuteranopia

3A348A
CDCF43
E7E94C
3B3287
221D55

Tritanopia

218482
D55B62
F0666F
178685
0E5251

Achromatopsia

595959
B2B2B2
C8C8C8
606060
383838

Shades & Tints Shades & Tints

#1D6B97

Dark
Light

#D6BF0E

Dark
Light

#F1D710

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d6b97;
  --color-2: #d6bf0e;
  --color-3: #f1d710;
  --color-4: #11808a;
  --color-5: #0b485a;
}

SCSS

$color-1: #1d6b97;
$color-2: #d6bf0e;
$color-3: #f1d710;
$color-4: #11808a;
$color-5: #0b485a;

TAILWIND

colors: {
  'brand-1': '#1d6b97',
  'brand-2': '#d6bf0e',
  'brand-3': '#f1d710',
  'brand-4': '#11808a',
  'brand-5': '#0b485a',
}

RGB Array

[29, 107, 151], [214, 191, 14], [241, 215, 16], [17, 128, 138], [11, 72, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D6B97, #D6BF0E, #F1D710, #11808A, #0B485A is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #1d6b97; --color-2: #d6bf0e; --color-3: #f1d710; --color-4: #11808a; --color-5: #0b485a. 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. 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