← Back to Editor

#272633 · #7FB9C9 · #BEA4DA · #F4B9B9 · #FBDB9A

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

#272633

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#272633
RGB
rgb(39, 38, 51)
HSL
hsl(245, 15%, 17%)
HSB
hsb(245, 25%, 20%)
CMYK
cmyk(24%, 25%, 0%, 80%)
Oklch
oklch(27.5% 0.024 288.2)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#7FB9C9

Sky Blue · SkyBlue · Lake Green

HEX
#7FB9C9
RGB
rgb(127, 185, 201)
HSL
hsl(193, 41%, 64%)
HSB
hsb(193, 37%, 79%)
CMYK
cmyk(37%, 8%, 0%, 21%)
Oklch
oklch(75.2% 0.064 216.9)

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

#BEA4DA

Wisteria · LightSteelBlue · Lilac Purple

HEX
#BEA4DA
RGB
rgb(190, 164, 218)
HSL
hsl(269, 42%, 75%)
HSB
hsb(269, 25%, 85%)
CMYK
cmyk(13%, 25%, 0%, 15%)
Oklch
oklch(76.0% 0.081 306.5)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#F4B9B9

Peach Pink · LightPink · Cherry Blossom

HEX
#F4B9B9
RGB
rgb(244, 185, 185)
HSL
hsl(0, 73%, 84%)
HSB
hsb(0, 24%, 96%)
CMYK
cmyk(0%, 24%, 24%, 4%)
Oklch
oklch(83.9% 0.069 18.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FBDB9A

Goose Yellow · Khaki · Lemon Cream

HEX
#FBDB9A
RGB
rgb(251, 219, 154)
HSL
hsl(40, 92%, 79%)
HSB
hsb(40, 39%, 98%)
CMYK
cmyk(0%, 13%, 39%, 2%)
Oklch
oklch(90.3% 0.090 84.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

272633
313225

Analogous

252A32
272633
2C2532

Triadic

272633
322625
253226

Split-Comp.

272633
322C25
2A3225

Tetradic

272633
32252A
313225
25322C

Contrast Matrix WCAG 2.1 Contrast

272633
7FB9C9
BEA4DA
F4B9B9
FBDB9A
—
6.9
AA
6.7
AA
8.8
AAA
11.1
AAA
6.9
AA
—
1.0
Fail
1.3
Fail
1.6
Fail
6.7
AA
1.0
Fail
—
1.3
Fail
1.7
Fail
8.8
AAA
1.3
Fail
1.3
Fail
—
1.3
Fail
11.1
AAA
1.6
Fail
1.7
Fail
1.3
Fail
—
White BG
14.9AAA
2.2Fail
2.2Fail
1.7Fail
1.3Fail
Black BG
1.4Fail
9.7AAA
9.5AAA
12.5AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

272730
9899C5
B3B3CD
DADAB9
EDEDAA

Deuteranopia

27272F
9590C4
B4B6CA
DEE2B9
EFF1AE

Tritanopia

272D2D
82C2C1
BDC3C0
F1B9B9
F9B6B9

Achromatopsia

282828
A9A9A9
B2B2B2
CBCBCB
DDDDDD

Shades & Tints Shades & Tints

#272633

Dark
Light

#7FB9C9

Dark
Light

#BEA4DA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #272633;
  --color-2: #7fb9c9;
  --color-3: #bea4da;
  --color-4: #f4b9b9;
  --color-5: #fbdb9a;
}

SCSS

$color-1: #272633;
$color-2: #7fb9c9;
$color-3: #bea4da;
$color-4: #f4b9b9;
$color-5: #fbdb9a;

TAILWIND

colors: {
  'brand-1': '#272633',
  'brand-2': '#7fb9c9',
  'brand-3': '#bea4da',
  'brand-4': '#f4b9b9',
  'brand-5': '#fbdb9a',
}

RGB Array

[39, 38, 51], [127, 185, 201], [190, 164, 218], [244, 185, 185], [251, 219, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #272633, #7FB9C9, #BEA4DA, #F4B9B9, #FBDB9A 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: #272633; --color-2: #7fb9c9; --color-3: #bea4da; --color-4: #f4b9b9; --color-5: #fbdb9a. 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