← Back to Editor

#CC9192 · #FBF2F3 · #CCBEA0 · #917263 · #61554D

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#CC9192

Peach Pink · Tan · Coral Red

HEX
#CC9192
RGB
rgb(204, 145, 146)
HSL
hsl(359, 37%, 68%)
HSB
hsb(359, 29%, 80%)
CMYK
cmyk(0%, 29%, 28%, 20%)
Oklch
oklch(71.4% 0.072 17.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FBF2F3

Peach Pink · SeaShell · Cherry Blossom

HEX
#FBF2F3
RGB
rgb(251, 242, 243)
HSL
hsl(353, 53%, 97%)
HSB
hsb(353, 4%, 98%)
CMYK
cmyk(0%, 4%, 3%, 2%)
Oklch
oklch(96.8% 0.010 9.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#CCBEA0

Goose Yellow · Tan · Sunflower

HEX
#CCBEA0
RGB
rgb(204, 190, 160)
HSL
hsl(41, 30%, 71%)
HSB
hsb(41, 22%, 80%)
CMYK
cmyk(0%, 7%, 22%, 20%)
Oklch
oklch(80.5% 0.044 85.9)

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

#917263

Tangerine · Gray · Amber Brown

HEX
#917263
RGB
rgb(145, 114, 99)
HSL
hsl(20, 19%, 48%)
HSB
hsb(20, 32%, 57%)
CMYK
cmyk(0%, 21%, 32%, 43%)
Oklch
oklch(57.8% 0.045 47.1)

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

#61554D

Tangerine · DimGray · Amber Brown

HEX
#61554D
RGB
rgb(97, 85, 77)
HSL
hsl(24, 11%, 34%)
HSB
hsb(24, 21%, 38%)
CMYK
cmyk(0%, 12%, 21%, 62%)
Oklch
oklch(45.9% 0.020 55.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC9192
8FCCCB

Analogous

CC8FAE
CC9192
CCAC8F

Triadic

CC9192
90CC8F
8F90CC

Split-Comp.

CC9192
8FCCAC
8FAECC

Tetradic

CC9192
AECC8F
8FCCCB
AC8FCC

Contrast Matrix WCAG 2.1 Contrast

CC9192
FBF2F3
CCBEA0
917263
61554D
—
2.4
Fail
1.4
Fail
1.7
Fail
2.8
Fail
2.4
Fail
—
1.7
Fail
4.0
AA Large
6.6
AA
1.4
Fail
1.7
Fail
—
2.4
Fail
3.9
AA Large
1.7
Fail
4.0
AA Large
2.4
Fail
—
1.6
Fail
2.8
Fail
6.6
AA
3.9
AA Large
1.6
Fail
—
White BG
2.6Fail
1.1Fail
1.8Fail
4.4AA Large
7.2AAA
Black BG
8.0AAA
19.1AAA
11.4AAA
4.8AA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B292
F7F7F3
C6C6A7
848367
5C5C4F

Deuteranopia

B6BA92
F8F8F3
C7C8A9
858868
5D5D4F

Tritanopia

C99292
FBF3F3
CBADAE
8F696A
605051

Achromatopsia

A3A3A3
F5F5F5
BFBFBF
7A7A7A
585858

Shades & Tints Shades & Tints

#CC9192

Dark
Light

#FBF2F3

Dark
Light

#CCBEA0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc9192;
  --color-2: #fbf2f3;
  --color-3: #ccbea0;
  --color-4: #917263;
  --color-5: #61554d;
}

SCSS

$color-1: #cc9192;
$color-2: #fbf2f3;
$color-3: #ccbea0;
$color-4: #917263;
$color-5: #61554d;

TAILWIND

colors: {
  'brand-1': '#cc9192',
  'brand-2': '#fbf2f3',
  'brand-3': '#ccbea0',
  'brand-4': '#917263',
  'brand-5': '#61554d',
}

RGB Array

[204, 145, 146], [251, 242, 243], [204, 190, 160], [145, 114, 99], [97, 85, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CC9192, #FBF2F3, #CCBEA0, #917263, #61554D 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: #cc9192; --color-2: #fbf2f3; --color-3: #ccbea0; --color-4: #917263; --color-5: #61554d. 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 cool-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