← Back to Editor

#CFB09C · #90BDAD · #918500 · #968489 · #FF37A2

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

#CFB09C

Apricot · Tan · Warm Sun

HEX
#CFB09C
RGB
rgb(207, 176, 156)
HSL
hsl(24, 35%, 71%)
HSB
hsb(24, 25%, 81%)
CMYK
cmyk(0%, 15%, 25%, 19%)
Oklch
oklch(77.9% 0.046 54.7)

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

#90BDAD

Jade · DarkSeaGreen · Apple Green

HEX
#90BDAD
RGB
rgb(144, 189, 173)
HSL
hsl(159, 25%, 65%)
HSB
hsb(159, 24%, 74%)
CMYK
cmyk(24%, 0%, 8%, 26%)
Oklch
oklch(76.2% 0.053 171.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#918500

Autumn Sage · Olive · Honey Gold

HEX
#918500
RGB
rgb(145, 133, 0)
HSL
hsl(55, 100%, 28%)
HSB
hsb(55, 100%, 57%)
CMYK
cmyk(0%, 8%, 100%, 43%)
Oklch
oklch(60.8% 0.128 103.1)

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

#968489

Dark Violet · Gray · Warm Gray

HEX
#968489
RGB
rgb(150, 132, 137)
HSL
hsl(343, 8%, 55%)
HSB
hsb(343, 12%, 59%)
CMYK
cmyk(0%, 12%, 9%, 41%)
Oklch
oklch(63.1% 0.023 359.1)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

#FF37A2

Mauve · DeepPink · Rose Pink

HEX
#FF37A2
RGB
rgb(255, 55, 162)
HSL
hsl(328, 100%, 61%)
HSB
hsb(328, 78%, 100%)
CMYK
cmyk(0%, 78%, 36%, 0%)
Oklch
oklch(67.6% 0.246 353.7)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFB09C
9BBACF

Analogous

CF9BA0
CFB09C
CFCA9B

Triadic

CFB09C
9BCFB0
B09BCF

Split-Comp.

CFB09C
9BCFCA
9BA0CF

Tetradic

CFB09C
A0CF9B
9BBACF
CA9BCF

Contrast Matrix WCAG 2.1 Contrast

CFB09C
90BDAD
918500
968489
FF37A2
—
1.0
Fail
1.9
Fail
1.7
Fail
1.6
Fail
1.0
Fail
—
1.8
Fail
1.7
Fail
1.6
Fail
1.9
Fail
1.8
Fail
—
1.1
Fail
1.1
Fail
1.7
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.6
Fail
1.1
Fail
1.1
Fail
—
White BG
2.0Fail
2.1Fail
3.8AA Large
3.5AA Large
3.3AA Large
Black BG
10.3AAA
10.1AAA
5.6AA
6.0AA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C1A1
A3A4B1
8C8C20
8E8E88
A8A788

Deuteranopia

C3C6A2
A19EB2
8D8D28
8F9188
B4C382

Tritanopia

CDA5A6
92B4B5
903A3F
958787
F5746F

Achromatopsia

B7B7B7
AEAEAE
797979
8A8A8A
7F7F7F

Shades & Tints Shades & Tints

#CFB09C

Dark
Light

#90BDAD

Dark
Light

#918500

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfb09c;
  --color-2: #90bdad;
  --color-3: #918500;
  --color-4: #968489;
  --color-5: #ff37a2;
}

SCSS

$color-1: #cfb09c;
$color-2: #90bdad;
$color-3: #918500;
$color-4: #968489;
$color-5: #ff37a2;

TAILWIND

colors: {
  'brand-1': '#cfb09c',
  'brand-2': '#90bdad',
  'brand-3': '#918500',
  'brand-4': '#968489',
  'brand-5': '#ff37a2',
}

RGB Array

[207, 176, 156], [144, 189, 173], [145, 133, 0], [150, 132, 137], [255, 55, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFB09C, #90BDAD, #918500, #968489, #FF37A2 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: #cfb09c; --color-2: #90bdad; --color-3: #918500; --color-4: #968489; --color-5: #ff37a2. 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