← Back to Editor

#449EB4 · #B2E0E0 · #DFEFE8 · #FCF8CD · #ECD073

sea

A 5-color sea 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

#449EB4

Slate Blue · SteelBlue · Mint Ice

HEX
#449EB4
RGB
rgb(68, 158, 180)
HSL
hsl(192, 45%, 49%)
HSB
hsb(192, 62%, 71%)
CMYK
cmyk(62%, 12%, 0%, 29%)
Oklch
oklch(65.4% 0.091 216.5)

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

#B2E0E0

Sky Blue · LightBlue · Glacier Blue

HEX
#B2E0E0
RGB
rgb(178, 224, 224)
HSL
hsl(180, 43%, 79%)
HSB
hsb(180, 21%, 88%)
CMYK
cmyk(21%, 0%, 0%, 12%)
Oklch
oklch(87.4% 0.048 196.3)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#DFEFE8

Jade · Lavender · Mint Green

HEX
#DFEFE8
RGB
rgb(223, 239, 232)
HSL
hsl(154, 33%, 91%)
HSB
hsb(154, 7%, 94%)
CMYK
cmyk(7%, 0%, 3%, 6%)
Oklch
oklch(93.8% 0.019 167.9)

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

#FCF8CD

Fresh Green · Beige · Lemon Cream

HEX
#FCF8CD
RGB
rgb(252, 248, 205)
HSL
hsl(55, 89%, 90%)
HSB
hsb(55, 19%, 99%)
CMYK
cmyk(0%, 2%, 19%, 1%)
Oklch
oklch(97.1% 0.056 103.0)

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

#ECD073

Ginger · Khaki · Sunflower

HEX
#ECD073
RGB
rgb(236, 208, 115)
HSL
hsl(46, 76%, 69%)
HSB
hsb(46, 51%, 93%)
CMYK
cmyk(0%, 12%, 51%, 7%)
Oklch
oklch(86.2% 0.117 93.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

449EB4
B55B45

Analogous

45B593
449EB4
4566B5

Triadic

449EB4
B5459F
9FB545

Split-Comp.

449EB4
B54566
B59345

Tetradic

449EB4
9345B5
B55B45
66B545

Contrast Matrix WCAG 2.1 Contrast

449EB4
B2E0E0
DFEFE8
FCF8CD
ECD073
—
2.2
Fail
2.6
Fail
2.9
Fail
2.0
Fail
2.2
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
2.6
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
2.9
Fail
1.3
Fail
1.1
Fail
—
1.4
Fail
2.0
Fail
1.1
Fail
1.3
Fail
1.4
Fail
—
White BG
3.1AA Large
1.4Fail
1.2Fail
1.1Fail
1.5Fail
Black BG
6.8AA
14.6AAA
17.6AAA
19.4AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6CAF
C6C6E0
E6E6EA
FAFAD7
E0E08A

Deuteranopia

665FAD
C3C0E0
E5E4EA
FBFBDA
E2E48F

Tritanopia

49AAAA
B4E0E0
E0EBEB
FCE0E1
EB9B9F

Achromatopsia

868686
D2D2D2
E9E9E9
F4F4F4
CECECE

Shades & Tints Shades & Tints

#449EB4

Dark
Light

#B2E0E0

Dark
Light

#DFEFE8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #449eb4;
  --color-2: #b2e0e0;
  --color-3: #dfefe8;
  --color-4: #fcf8cd;
  --color-5: #ecd073;
}

SCSS

$color-1: #449eb4;
$color-2: #b2e0e0;
$color-3: #dfefe8;
$color-4: #fcf8cd;
$color-5: #ecd073;

TAILWIND

colors: {
  'brand-1': '#449eb4',
  'brand-2': '#b2e0e0',
  'brand-3': '#dfefe8',
  'brand-4': '#fcf8cd',
  'brand-5': '#ecd073',
}

RGB Array

[68, 158, 180], [178, 224, 224], [223, 239, 232], [252, 248, 205], [236, 208, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #449EB4, #B2E0E0, #DFEFE8, #FCF8CD, #ECD073 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: #449eb4; --color-2: #b2e0e0; --color-3: #dfefe8; --color-4: #fcf8cd; --color-5: #ecd073. 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 sea-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