#0BEBE1 + #93BBB9 + #A89194 + #B04C72 + #C6CDA9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0BEBE1

Mineral Blue · DarkTurquoise · Mint Ice

HEX

#0BEBE1

RGB

rgb(11, 235, 225)

HSL

hsl(177, 91%, 48%)

HSB

hsb(177, 95%, 92%)

CMYK

cmyk(95%, 0%, 4%, 8%)

Oklch

oklch(84.8% 0.146 189.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#93BBB9

Jade · DarkGray · Lake Green

HEX

#93BBB9

RGB

rgb(147, 187, 185)

HSL

hsl(177, 23%, 65%)

HSB

hsb(177, 21%, 73%)

CMYK

cmyk(21%, 0%, 1%, 27%)

Oklch

oklch(76.3% 0.043 192.5)

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

#A89194

Peach Pink · DarkGray · Coral Red

HEX

#A89194

RGB

rgb(168, 145, 148)

HSL

hsl(352, 12%, 61%)

HSB

hsb(352, 14%, 66%)

CMYK

cmyk(0%, 14%, 12%, 34%)

Oklch

oklch(67.8% 0.028 8.9)

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

#B04C72

Dark Violet · MediumVioletRed · Camellia

HEX

#B04C72

RGB

rgb(176, 76, 114)

HSL

hsl(337, 40%, 49%)

HSB

hsb(337, 57%, 69%)

CMYK

cmyk(0%, 57%, 35%, 31%)

Oklch

oklch(55.6% 0.136 358.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C6CDA9

Willow Green · Silver · Apple Green

HEX

#C6CDA9

RGB

rgb(198, 205, 169)

HSL

hsl(72, 26%, 73%)

HSB

hsb(72, 18%, 80%)

CMYK

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

Oklch

oklch(83.3% 0.049 116.4)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0BEBE1

EA0B16

Analogous

0BEA6F

0BEBE1

0B86EA

Triadic

0BEBE1

DF0BEA

EADF0B

Split-Comp.

0BEBE1

EA0B86

EA6F0B

Tetradic

0BEBE1

6F0BEA

EA0B16

86EA0B

Contrast Matrix WCAG 2.1 Contrast

0BEBE1	93BBB9	A89194	B04C72	C6CDA9
—	1.4 Fail	2.0 Fail	3.4 AA Large	1.1 Fail
1.4 Fail	—	1.4 Fail	2.4 Fail	1.3 Fail
2.0 Fail	1.4 Fail	—	1.7 Fail	1.8 Fail
3.4 AA Large	2.4 Fail	1.7 Fail	—	3.1 AA Large
1.1 Fail	1.3 Fail	1.8 Fail	3.1 AA Large	—

White BG

1.5Fail

2.1Fail

2.9Fail

5.1AA

1.7Fail

Black BG

14.0AAA

10.0AAA

7.1AAA

4.1AA Large

12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6EE3

A4A5B9

9E9E93

858469

C9C9B2

Deuteranopia

5F4EE4

A29FBA

9FA193

8B9267

C9C8B4

Tritanopia

16E5E6

95BABA

A79393

AB6260

C6B9BA

Achromatopsia

A7A7A7

AFAFAF

989898

6E6E6E

C7C7C7

Shades & Tints Shades & Tints

#0BEBE1

Dark

Light

#93BBB9

Dark

Light

#A89194

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0bebe1;
  --color-2: #93bbb9;
  --color-3: #a89194;
  --color-4: #b04c72;
  --color-5: #c6cda9;
}

SCSS

$color-1: #0bebe1;
$color-2: #93bbb9;
$color-3: #a89194;
$color-4: #b04c72;
$color-5: #c6cda9;

TAILWIND

colors: {
  'brand-1': '#0bebe1',
  'brand-2': '#93bbb9',
  'brand-3': '#a89194',
  'brand-4': '#b04c72',
  'brand-5': '#c6cda9',
}

RGB Array

[11, 235, 225], [147, 187, 185], [168, 145, 148], [176, 76, 114], [198, 205, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0BEBE1, #93BBB9, #A89194, #B04C72, #C6CDA9 is ideal for: corporate websites, product showcases, portfolios. 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: #0bebe1; --color-2: #93bbb9; --color-3: #a89194; --color-4: #b04c72; --color-5: #c6cda9. 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. 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