← Back to Editor

#249991 · #E76B6B · #FEFEFE · #42729B

cool

A 4-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#249991

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#249991
RGB
rgb(36, 153, 145)
HSL
hsl(176, 62%, 37%)
HSB
hsb(176, 76%, 60%)
CMYK
cmyk(76%, 0%, 5%, 40%)
Oklch
oklch(62.0% 0.099 188.0)

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

#E76B6B

Peach Pink · Salmon · Coral Red

HEX
#E76B6B
RGB
rgb(231, 107, 107)
HSL
hsl(0, 72%, 66%)
HSB
hsb(0, 54%, 91%)
CMYK
cmyk(0%, 54%, 54%, 9%)
Oklch
oklch(67.7% 0.155 22.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FEFEFE

Moonlight White · White · Cloud White

HEX
#FEFEFE
RGB
rgb(254, 254, 254)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(99.7% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#42729B

Slate Blue · SteelBlue · Navy Blue

HEX
#42729B
RGB
rgb(66, 114, 155)
HSL
hsl(208, 40%, 43%)
HSB
hsb(208, 57%, 61%)
CMYK
cmyk(57%, 26%, 0%, 39%)
Oklch
oklch(53.6% 0.083 246.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

249991
99242C

Analogous

249957
249991
246699

Triadic

249991
912499
999124

Split-Comp.

249991
992466
995724

Tetradic

249991
572499
99242C
669924

Contrast Matrix WCAG 2.1 Contrast

249991
E76B6B
FEFEFE
42729B
—
1.1
Fail
3.4
AA Large
1.5
Fail
1.1
Fail
—
3.1
AA Large
1.6
Fail
3.4
AA Large
3.1
AA Large
—
5.1
AA
1.5
Fail
1.6
Fail
5.1
AA
—
White BG
3.5AA Large
3.1AA Large
1.0Fail
5.1AA
Black BG
6.0AA
6.7AA
20.8AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

575893
B1B06B
FEFEFE
575791

Deuteranopia

504793
B9C26B
FEFEFE
54508F

Tritanopia

2A9495
E16B6B
FEFEFE
448988

Achromatopsia

757575
909090
FEFEFE
686868

Shades & Tints Shades & Tints

#249991

Dark
Light

#E76B6B

Dark
Light

#FEFEFE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #249991;
  --color-2: #e76b6b;
  --color-3: #fefefe;
  --color-4: #42729b;
}

SCSS

$color-1: #249991;
$color-2: #e76b6b;
$color-3: #fefefe;
$color-4: #42729b;

TAILWIND

colors: {
  'brand-1': '#249991',
  'brand-2': '#e76b6b',
  'brand-3': '#fefefe',
  'brand-4': '#42729b',
}

RGB Array

[36, 153, 145], [231, 107, 107], [254, 254, 254], [66, 114, 155]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This cool-style palette of #249991, #E76B6B, #FEFEFE, #42729B is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #249991; --color-2: #e76b6b; --color-3: #fefefe; --color-4: #42729b. 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. 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 cool-style 4-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