← Back to Editor

#0C99CE · #4BC6F5 · #BAE806 · #DAFB59

summer

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#0C99CE

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0C99CE
RGB
rgb(12, 153, 206)
HSL
hsl(196, 89%, 43%)
HSB
hsb(196, 94%, 81%)
CMYK
cmyk(94%, 26%, 0%, 19%)
Oklch
oklch(64.2% 0.130 232.5)

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

#4BC6F5

Sky Blue · MediumTurquoise · Lake Green

HEX
#4BC6F5
RGB
rgb(75, 198, 245)
HSL
hsl(197, 89%, 63%)
HSB
hsb(197, 69%, 96%)
CMYK
cmyk(69%, 19%, 0%, 4%)
Oklch
oklch(77.7% 0.126 227.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#BAE806

Grass Green · GreenYellow · Olive Green

HEX
#BAE806
RGB
rgb(186, 232, 6)
HSL
hsl(72, 95%, 47%)
HSB
hsb(72, 97%, 91%)
CMYK
cmyk(20%, 0%, 97%, 9%)
Oklch
oklch(86.7% 0.212 123.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#DAFB59

Willow Green · Khaki · Apple Green

HEX
#DAFB59
RGB
rgb(218, 251, 89)
HSL
hsl(72, 95%, 67%)
HSB
hsb(72, 65%, 98%)
CMYK
cmyk(13%, 0%, 65%, 2%)
Oklch
oklch(93.5% 0.187 120.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0C99CE
CF400C

Analogous

0CCFA2
0C99CE
0C3ACF

Triadic

0C99CE
CF0C9B
9BCF0C

Split-Comp.

0C99CE
CF0C3A
CFA20C

Tetradic

0C99CE
A20CCF
CF400C
3ACF0C

Contrast Matrix WCAG 2.1 Contrast

0C99CE
4BC6F5
BAE806
DAFB59
—
1.7
Fail
2.3
Fail
2.8
Fail
1.7
Fail
—
1.4
Fail
1.7
Fail
2.3
Fail
1.4
Fail
—
1.2
Fail
2.8
Fail
1.7
Fail
1.2
Fail
—
White BG
3.2AA Large
2.0Fail
1.4Fail
1.2Fail
Black BG
6.5AA
10.7AAA
14.6AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494AC1
8081EA
CECE3D
E8E980

Deuteranopia

4136BE
7970E7
CBC84A
E6E48A

Tritanopia

13B7B5
51E1DF
BC6871
DC9FA6

Achromatopsia

757575
A7A7A7
C0C0C0
DFDFDF

Shades & Tints Shades & Tints

#0C99CE

Dark
Light

#4BC6F5

Dark
Light

#BAE806

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0c99ce;
  --color-2: #4bc6f5;
  --color-3: #bae806;
  --color-4: #dafb59;
}

SCSS

$color-1: #0c99ce;
$color-2: #4bc6f5;
$color-3: #bae806;
$color-4: #dafb59;

TAILWIND

colors: {
  'brand-1': '#0c99ce',
  'brand-2': '#4bc6f5',
  'brand-3': '#bae806',
  'brand-4': '#dafb59',
}

RGB Array

[12, 153, 206], [75, 198, 245], [186, 232, 6], [218, 251, 89]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This summer-style palette of #0C99CE, #4BC6F5, #BAE806, #DAFB59 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0c99ce; --color-2: #4bc6f5; --color-3: #bae806; --color-4: #dafb59. 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. 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 summer-style 4-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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