← Back to Editor

#AD9B8C · #F6F8E7 · #1E0A25 · #2D5212 · #53CFFF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#AD9B8C

Apricot · DarkGray · Warm Sun

HEX
#AD9B8C
RGB
rgb(173, 155, 140)
HSL
hsl(27, 17%, 61%)
HSB
hsb(27, 19%, 68%)
CMYK
cmyk(0%, 10%, 19%, 32%)
Oklch
oklch(70.1% 0.030 62.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F6F8E7

Fresh Green · Linen · Lemon Cream

HEX
#F6F8E7
RGB
rgb(246, 248, 231)
HSL
hsl(67, 55%, 94%)
HSB
hsb(67, 7%, 97%)
CMYK
cmyk(1%, 0%, 7%, 3%)
Oklch
oklch(97.3% 0.022 112.3)

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

#1E0A25

Royal Purple · Black · Dark Purple

HEX
#1E0A25
RGB
rgb(30, 10, 37)
HSL
hsl(284, 57%, 9%)
HSB
hsb(284, 73%, 15%)
CMYK
cmyk(19%, 73%, 0%, 85%)
Oklch
oklch(19.1% 0.058 316.5)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#2D5212

Pine Green · DarkGreen · Dark Green

HEX
#2D5212
RGB
rgb(45, 82, 18)
HSL
hsl(95, 64%, 20%)
HSB
hsb(95, 78%, 32%)
CMYK
cmyk(45%, 0%, 78%, 68%)
Oklch
oklch(39.6% 0.101 134.9)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#53CFFF

Sky Blue · MediumTurquoise · Lake Green

HEX
#53CFFF
RGB
rgb(83, 207, 255)
HSL
hsl(197, 100%, 66%)
HSB
hsb(197, 67%, 100%)
CMYK
cmyk(67%, 19%, 0%, 0%)
Oklch
oklch(80.4% 0.128 227.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD9B8C
8B9DAC

Analogous

AC8B8C
AD9B8C
ACAB8B

Triadic

AD9B8C
8BAC9A
9A8BAC

Split-Comp.

AD9B8C
8BACAB
8B8CAC

Tetradic

AD9B8C
8CAC8B
8B9DAC
AB8BAC

Contrast Matrix WCAG 2.1 Contrast

AD9B8C
F6F8E7
1E0A25
2D5212
53CFFF
—
2.5
Fail
7.0
AA
3.4
AA Large
1.5
Fail
2.5
Fail
—
17.3
AAA
8.4
AAA
1.7
Fail
7.0
AA
17.3
AAA
—
2.1
Fail
10.4
AAA
3.4
AA Large
8.4
AAA
2.1
Fail
—
5.0
AA
1.5
Fail
1.7
Fail
10.4
AAA
5.0
AA
—
White BG
2.7Fail
1.1Fail
18.7AAA
9.0AAA
1.8Fail
Black BG
7.8AAA
19.5AAA
1.1Fail
2.3Fail
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A590
F7F7EB
15151E
3D3D21
898AF3

Deuteranopia

A6A891
F7F7EC
17181D
3B3825
8278F1

Tritanopia

AC9293
F6EEEF
1D1918
2F2E30
59EAE8

Achromatopsia

9F9F9F
F5F5F5
131313
404040
AFAFAF

Shades & Tints Shades & Tints

#AD9B8C

Dark
Light

#F6F8E7

Dark
Light

#1E0A25

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad9b8c;
  --color-2: #f6f8e7;
  --color-3: #1e0a25;
  --color-4: #2d5212;
  --color-5: #53cfff;
}

SCSS

$color-1: #ad9b8c;
$color-2: #f6f8e7;
$color-3: #1e0a25;
$color-4: #2d5212;
$color-5: #53cfff;

TAILWIND

colors: {
  'brand-1': '#ad9b8c',
  'brand-2': '#f6f8e7',
  'brand-3': '#1e0a25',
  'brand-4': '#2d5212',
  'brand-5': '#53cfff',
}

RGB Array

[173, 155, 140], [246, 248, 231], [30, 10, 37], [45, 82, 18], [83, 207, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD9B8C, #F6F8E7, #1E0A25, #2D5212, #53CFFF is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ad9b8c; --color-2: #f6f8e7; --color-3: #1e0a25; --color-4: #2d5212; --color-5: #53cfff. 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 tech, SaaS, healthcare, eco industries. 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