#F1445A + #A06E7B + #94B2A8 + #97D2CC + #E2E3D5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F1445A

Peach Pink · Tomato · Coral Red

HEX

#F1445A

RGB

rgb(241, 68, 90)

HSL

hsl(352, 86%, 61%)

HSB

hsb(352, 72%, 95%)

CMYK

cmyk(0%, 72%, 63%, 5%)

Oklch

oklch(64.4% 0.208 18.4)

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

#A06E7B

Dark Violet · Gray · Rose Pink

HEX

#A06E7B

RGB

rgb(160, 110, 123)

HSL

hsl(344, 21%, 53%)

HSB

hsb(344, 31%, 63%)

CMYK

cmyk(0%, 31%, 23%, 37%)

Oklch

oklch(59.4% 0.066 2.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#94B2A8

Jade · DarkGray · Lake Green

HEX

#94B2A8

RGB

rgb(148, 178, 168)

HSL

hsl(160, 16%, 64%)

HSB

hsb(160, 17%, 70%)

CMYK

cmyk(17%, 0%, 6%, 30%)

Oklch

oklch(73.8% 0.036 173.1)

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

#97D2CC

Jade · LightSteelBlue · Lake Green

HEX

#97D2CC

RGB

rgb(151, 210, 204)

HSL

hsl(174, 40%, 71%)

HSB

hsb(174, 28%, 82%)

CMYK

cmyk(28%, 0%, 3%, 18%)

Oklch

oklch(82.2% 0.061 188.2)

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

#E2E3D5

Fresh Green · LightGray · Lemon Cream

HEX

#E2E3D5

RGB

rgb(226, 227, 213)

HSL

hsl(64, 20%, 86%)

HSB

hsb(64, 6%, 89%)

CMYK

cmyk(0%, 0%, 6%, 11%)

Oklch

oklch(91.1% 0.019 110.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1445A

46F1DA

Analogous

F146B2

F1445A

F18546

Triadic

F1445A

5DF146

465DF1

Split-Comp.

F1445A

46F185

46B2F1

Tetradic

F1445A

B2F146

46F1DA

8546F1

Contrast Matrix WCAG 2.1 Contrast

F1445A	A06E7B	94B2A8	97D2CC	E2E3D5
—	1.1 Fail	1.6 Fail	2.2 Fail	2.8 Fail
1.1 Fail	—	1.8 Fail	2.5 Fail	3.2 AA Large
1.6 Fail	1.8 Fail	—	1.3 Fail	1.8 Fail
2.2 Fail	2.5 Fail	1.3 Fail	—	1.3 Fail
2.8 Fail	3.2 AA Large	1.8 Fail	1.3 Fail	—

White BG

3.7AA Large

4.2AA Large

2.3Fail

1.7Fail

1.3Fail

Black BG

5.7AA

5.0AA

9.2AAA

12.4AAA

16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A555

8A8A78

A1A1AA

B1B1CD

E2E2D8

Deuteranopia

B0BD53

8D9177

9F9DAB

ADA9CE

E2E2D9

Tritanopia

E85050

9E7575

96ACAD

9ACFCF

E2DBDC

Achromatopsia

7A7A7A

7E7E7E

A8A8A8

C0C0C0

E1E1E1

Shades & Tints Shades & Tints

#F1445A

Dark

Light

#A06E7B

Dark

Light

#94B2A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1445a;
  --color-2: #a06e7b;
  --color-3: #94b2a8;
  --color-4: #97d2cc;
  --color-5: #e2e3d5;
}

SCSS

$color-1: #f1445a;
$color-2: #a06e7b;
$color-3: #94b2a8;
$color-4: #97d2cc;
$color-5: #e2e3d5;

TAILWIND

colors: {
  'brand-1': '#f1445a',
  'brand-2': '#a06e7b',
  'brand-3': '#94b2a8',
  'brand-4': '#97d2cc',
  'brand-5': '#e2e3d5',
}

RGB Array

[241, 68, 90], [160, 110, 123], [148, 178, 168], [151, 210, 204], [226, 227, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1445A, #A06E7B, #94B2A8, #97D2CC, #E2E3D5 is ideal for: health products, baby brands, fresh-style blogs. 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: #f1445a; --color-2: #a06e7b; --color-3: #94b2a8; --color-4: #97d2cc; --color-5: #e2e3d5. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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