← Back to Editor

#4B7990 · #629F99 · #B4D5A8 · #EFEBA5 · #FAF8EB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#4B7990

Slate Blue · SteelBlue · Navy Blue

HEX
#4B7990
RGB
rgb(75, 121, 144)
HSL
hsl(200, 32%, 43%)
HSB
hsb(200, 48%, 56%)
CMYK
cmyk(48%, 16%, 0%, 44%)
Oklch
oklch(55.2% 0.062 231.1)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#629F99

Mineral Blue · CadetBlue · Mint Ice

HEX
#629F99
RGB
rgb(98, 159, 153)
HSL
hsl(174, 24%, 50%)
HSB
hsb(174, 38%, 62%)
CMYK
cmyk(38%, 0%, 4%, 38%)
Oklch
oklch(65.9% 0.064 187.8)

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

#B4D5A8

Celadon · Silver · Apple Green

HEX
#B4D5A8
RGB
rgb(180, 213, 168)
HSL
hsl(104, 35%, 75%)
HSB
hsb(104, 21%, 84%)
CMYK
cmyk(15%, 0%, 21%, 16%)
Oklch
oklch(83.7% 0.071 137.4)

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

#EFEBA5

Fresh Green · Wheat · Lemon Cream

HEX
#EFEBA5
RGB
rgb(239, 235, 165)
HSL
hsl(57, 70%, 79%)
HSB
hsb(57, 31%, 94%)
CMYK
cmyk(0%, 2%, 31%, 6%)
Oklch
oklch(92.7% 0.089 105.2)

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

#FAF8EB

Fresh Green · SeaShell · Lemon Cream

HEX
#FAF8EB
RGB
rgb(250, 248, 235)
HSL
hsl(52, 60%, 95%)
HSB
hsb(52, 6%, 98%)
CMYK
cmyk(0%, 1%, 6%, 2%)
Oklch
oklch(97.7% 0.017 99.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B7990
91624B

Analogous

4B9185
4B7990
4B5691

Triadic

4B7990
914B79
79914B

Split-Comp.

4B7990
914B56
91854B

Tetradic

4B7990
854B91
91624B
56914B

Contrast Matrix WCAG 2.1 Contrast

4B7990
629F99
B4D5A8
EFEBA5
FAF8EB
—
1.6
Fail
2.9
Fail
3.9
AA Large
4.4
AA Large
1.6
Fail
—
1.9
Fail
2.5
Fail
2.8
Fail
2.9
Fail
1.9
Fail
—
1.3
Fail
1.5
Fail
3.9
AA Large
2.5
Fail
1.3
Fail
—
1.2
Fail
4.4
AA Large
2.8
Fail
1.5
Fail
1.2
Fail
—
White BG
4.7AA
3.0AA Large
1.6Fail
1.2Fail
1.1Fail
Black BG
4.4AA Large
6.9AA
13.0AAA
17.1AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5F8A
7C7D9A
C2C3B3
EDEDB6
F9F9EE

Deuteranopia

5C5989
79749B
C0BEB6
EEEEBA
F9F9EF

Tritanopia

4D8685
659C9C
B6BBBD
EFC3C6
FAF1F1

Achromatopsia

6E6E6E
8C8C8C
C6C6C6
E4E4E4
F7F7F7

Shades & Tints Shades & Tints

#4B7990

Dark
Light

#629F99

Dark
Light

#B4D5A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b7990;
  --color-2: #629f99;
  --color-3: #b4d5a8;
  --color-4: #efeba5;
  --color-5: #faf8eb;
}

SCSS

$color-1: #4b7990;
$color-2: #629f99;
$color-3: #b4d5a8;
$color-4: #efeba5;
$color-5: #faf8eb;

TAILWIND

colors: {
  'brand-1': '#4b7990',
  'brand-2': '#629f99',
  'brand-3': '#b4d5a8',
  'brand-4': '#efeba5',
  'brand-5': '#faf8eb',
}

RGB Array

[75, 121, 144], [98, 159, 153], [180, 213, 168], [239, 235, 165], [250, 248, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B7990, #629F99, #B4D5A8, #EFEBA5, #FAF8EB 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: #4b7990; --color-2: #629f99; --color-3: #b4d5a8; --color-4: #efeba5; --color-5: #faf8eb. 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