← Back to Editor

#26668E · #4B90A3 · #BED2BE · #DFF1D2 · #EDFCE1

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#26668E

Lake Blue · Teal · Prussian Blue

HEX
#26668E
RGB
rgb(38, 102, 142)
HSL
hsl(203, 58%, 35%)
HSB
hsb(203, 73%, 56%)
CMYK
cmyk(73%, 28%, 0%, 44%)
Oklch
oklch(48.8% 0.091 240.0)

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

#4B90A3

Slate Blue · SteelBlue · Mint Ice

HEX
#4B90A3
RGB
rgb(75, 144, 163)
HSL
hsl(193, 37%, 47%)
HSB
hsb(193, 54%, 64%)
CMYK
cmyk(54%, 12%, 0%, 36%)
Oklch
oklch(61.6% 0.075 218.0)

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

#BED2BE

Celadon · Silver · Apple Green

HEX
#BED2BE
RGB
rgb(190, 210, 190)
HSL
hsl(120, 18%, 78%)
HSB
hsb(120, 10%, 82%)
CMYK
cmyk(10%, 0%, 10%, 18%)
Oklch
oklch(84.3% 0.035 145.3)

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

#DFF1D2

Emerald · Beige · Mint Green

HEX
#DFF1D2
RGB
rgb(223, 241, 210)
HSL
hsl(95, 53%, 88%)
HSB
hsb(95, 13%, 95%)
CMYK
cmyk(7%, 0%, 13%, 5%)
Oklch
oklch(93.7% 0.045 132.0)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#EDFCE1

Emerald · Beige · Mint Green

HEX
#EDFCE1
RGB
rgb(237, 252, 225)
HSL
hsl(93, 82%, 94%)
HSB
hsb(93, 11%, 99%)
CMYK
cmyk(6%, 0%, 11%, 1%)
Oklch
oklch(97.3% 0.039 131.0)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

26668E
8D4D25

Analogous

258D81
26668E
25328D

Triadic

26668E
8D2565
658D25

Split-Comp.

26668E
8D2532
8D8125

Tetradic

26668E
81258D
8D4D25
328D25

Contrast Matrix WCAG 2.1 Contrast

26668E
4B90A3
BED2BE
DFF1D2
EDFCE1
—
1.7
Fail
3.9
AA Large
5.2
AA
5.8
AA
1.7
Fail
—
2.3
Fail
3.0
AA Large
3.4
AA Large
3.9
AA Large
2.3
Fail
—
1.3
Fail
1.5
Fail
5.2
AA
3.0
AA Large
1.3
Fail
—
1.1
Fail
5.8
AA
3.4
AA Large
1.5
Fail
1.1
Fail
—
White BG
6.2AA
3.6AA Large
1.6Fail
1.2Fail
1.1Fail
Black BG
3.4AA Large
5.8AA
13.2AAA
17.7AAA
19.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

424284
69699E
C7C7C3
E7E7DA
F3F4E8

Deuteranopia

3E3982
65609D
C6C4C4
E6E4DB
F3F1E9

Tritanopia

297D7B
4E9B9A
BFC7C8
E0DFE1
EEEDEE

Achromatopsia

575757
7E7E7E
CACACA
E8E8E8
F4F4F4

Shades & Tints Shades & Tints

#26668E

Dark
Light

#4B90A3

Dark
Light

#BED2BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #26668e;
  --color-2: #4b90a3;
  --color-3: #bed2be;
  --color-4: #dff1d2;
  --color-5: #edfce1;
}

SCSS

$color-1: #26668e;
$color-2: #4b90a3;
$color-3: #bed2be;
$color-4: #dff1d2;
$color-5: #edfce1;

TAILWIND

colors: {
  'brand-1': '#26668e',
  'brand-2': '#4b90a3',
  'brand-3': '#bed2be',
  'brand-4': '#dff1d2',
  'brand-5': '#edfce1',
}

RGB Array

[38, 102, 142], [75, 144, 163], [190, 210, 190], [223, 241, 210], [237, 252, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #26668E, #4B90A3, #BED2BE, #DFF1D2, #EDFCE1 is ideal for: health products, baby brands, fresh-style blogs, 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: #26668e; --color-2: #4b90a3; --color-3: #bed2be; --color-4: #dff1d2; --color-5: #edfce1. 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. 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