#92CCCA + #41C2C2 + #BEBB8F + #D3CFA3 + #EBE6AF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#92CCCA

Jade · SkyBlue · Lake Green

HEX

#92CCCA

RGB

rgb(146, 204, 202)

HSL

hsl(178, 36%, 69%)

HSB

hsb(178, 28%, 80%)

CMYK

cmyk(28%, 0%, 1%, 20%)

Oklch

oklch(80.5% 0.060 193.3)

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

#41C2C2

Lake Blue · MediumTurquoise · Lake Green

HEX

#41C2C2

RGB

rgb(65, 194, 194)

HSL

hsl(180, 51%, 51%)

HSB

hsb(180, 66%, 76%)

CMYK

cmyk(66%, 0%, 0%, 24%)

Oklch

oklch(74.5% 0.110 195.1)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#BEBB8F

Fresh Green · Tan · Sunflower

HEX

#BEBB8F

RGB

rgb(190, 187, 143)

HSL

hsl(56, 27%, 65%)

HSB

hsb(56, 25%, 75%)

CMYK

cmyk(0%, 2%, 25%, 25%)

Oklch

oklch(78.3% 0.059 104.4)

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

#D3CFA3

Fresh Green · Tan · Sunflower

HEX

#D3CFA3

RGB

rgb(211, 207, 163)

HSL

hsl(55, 35%, 73%)

HSB

hsb(55, 23%, 83%)

CMYK

cmyk(0%, 2%, 23%, 17%)

Oklch

oklch(84.7% 0.059 103.2)

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

#EBE6AF

Fresh Green · Wheat · Lemon Cream

HEX

#EBE6AF

RGB

rgb(235, 230, 175)

HSL

hsl(55, 60%, 80%)

HSB

hsb(55, 26%, 92%)

CMYK

cmyk(0%, 2%, 26%, 8%)

Oklch

oklch(91.6% 0.071 103.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92CCCA

CC9395

Analogous

93CCAE

92CCCA

93B2CC

Triadic

92CCCA

CB93CC

CCCB93

Split-Comp.

92CCCA

CC93B2

CCAE93

Tetradic

92CCCA

AE93CC

CC9395

B2CC93

Contrast Matrix WCAG 2.1 Contrast

92CCCA	41C2C2	BEBB8F	D3CFA3	EBE6AF
—	1.2 Fail	1.1 Fail	1.1 Fail	1.4 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.7 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.5 Fail
1.1 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.4 Fail	1.7 Fail	1.5 Fail	1.2 Fail	—

White BG

1.8Fail

2.2Fail

2.0Fail

1.6Fail

1.3Fail

Black BG

11.7AAA

9.7AAA

10.7AAA

13.2AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABACCA

797AC2

BDBD9A

D1D1AE

E9E9BC

Deuteranopia

A8A3CB

7168C2

BDBD9C

D2D2B0

E9EAC0

Tritanopia

95CBCB

47C2C2

BEA2A4

D3B6B8

EBC7C9

Achromatopsia

BABABA

9B9B9B

B7B7B7

CBCBCB

E1E1E1

Shades & Tints Shades & Tints

#92CCCA

Dark

Light

#41C2C2

Dark

Light

#BEBB8F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92ccca;
  --color-2: #41c2c2;
  --color-3: #bebb8f;
  --color-4: #d3cfa3;
  --color-5: #ebe6af;
}

SCSS

$color-1: #92ccca;
$color-2: #41c2c2;
$color-3: #bebb8f;
$color-4: #d3cfa3;
$color-5: #ebe6af;

TAILWIND

colors: {
  'brand-1': '#92ccca',
  'brand-2': '#41c2c2',
  'brand-3': '#bebb8f',
  'brand-4': '#d3cfa3',
  'brand-5': '#ebe6af',
}

RGB Array

[146, 204, 202], [65, 194, 194], [190, 187, 143], [211, 207, 163], [235, 230, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #92CCCA, #41C2C2, #BEBB8F, #D3CFA3, #EBE6AF 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: #92ccca; --color-2: #41c2c2; --color-3: #bebb8f; --color-4: #d3cfa3; --color-5: #ebe6af. 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