← Back to Editor

#CBFFFF · #98F5FF · #66EBFF · #33E1FF · #00D7FF

sea

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

#CBFFFF

Sky Blue · Lavender · Glacier Blue

HEX
#CBFFFF
RGB
rgb(203, 255, 255)
HSL
hsl(180, 100%, 90%)
HSB
hsb(180, 20%, 100%)
CMYK
cmyk(20%, 0%, 0%, 0%)
Oklch
oklch(96.4% 0.053 196.3)

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

#98F5FF

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#98F5FF
RGB
rgb(152, 245, 255)
HSL
hsl(186, 100%, 80%)
HSB
hsb(186, 40%, 100%)
CMYK
cmyk(40%, 4%, 0%, 0%)
Oklch
oklch(91.6% 0.090 204.5)

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

#66EBFF

Sky Blue · LightSkyBlue · Lake Green

HEX
#66EBFF
RGB
rgb(102, 235, 255)
HSL
hsl(188, 100%, 70%)
HSB
hsb(188, 60%, 100%)
CMYK
cmyk(60%, 8%, 0%, 0%)
Oklch
oklch(87.4% 0.119 208.8)

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

#33E1FF

Lake Blue · Turquoise · Lake Green

HEX
#33E1FF
RGB
rgb(51, 225, 255)
HSL
hsl(189, 100%, 60%)
HSB
hsb(189, 80%, 100%)
CMYK
cmyk(80%, 12%, 0%, 0%)
Oklch
oklch(83.9% 0.138 212.7)

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

#00D7FF

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#00D7FF
RGB
rgb(0, 215, 255)
HSL
hsl(189, 100%, 50%)
HSB
hsb(189, 100%, 100%)
CMYK
cmyk(100%, 16%, 0%, 0%)
Oklch
oklch(81.1% 0.146 217.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBFFFF
FFCCCC

Analogous

CCFFE6
CBFFFF
CCE6FF

Triadic

CBFFFF
FFCCFF
FFFFCC

Split-Comp.

CBFFFF
FFCCE6
FFE6CC

Tetradic

CBFFFF
E6CCFF
FFCCCC
E6FFCC

Contrast Matrix WCAG 2.1 Contrast

CBFFFF
98F5FF
66EBFF
33E1FF
00D7FF
—
1.1
Fail
1.3
Fail
1.4
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
1.1Fail
1.2Fail
1.4Fail
1.6Fail
1.7Fail
Black BG
19.3AAA
16.8AAA
14.9AAA
13.4AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2FF
C0C1FD
A0A1FA
7E80F8
5D5FF5

Deuteranopia

DFDBFF
BBB4FC
988EF9
7467F6
5141F3

Tritanopia

CEFFFF
9DFBFA
6DF6F6
3CF2F1
0BEEEC

Achromatopsia

EFEFEF
DADADA
C6C6C6
B0B0B0
9B9B9B

Shades & Tints Shades & Tints

#CBFFFF

Dark
Light

#98F5FF

Dark
Light

#66EBFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbffff;
  --color-2: #98f5ff;
  --color-3: #66ebff;
  --color-4: #33e1ff;
  --color-5: #00d7ff;
}

SCSS

$color-1: #cbffff;
$color-2: #98f5ff;
$color-3: #66ebff;
$color-4: #33e1ff;
$color-5: #00d7ff;

TAILWIND

colors: {
  'brand-1': '#cbffff',
  'brand-2': '#98f5ff',
  'brand-3': '#66ebff',
  'brand-4': '#33e1ff',
  'brand-5': '#00d7ff',
}

RGB Array

[203, 255, 255], [152, 245, 255], [102, 235, 255], [51, 225, 255], [0, 215, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #CBFFFF, #98F5FF, #66EBFF, #33E1FF, #00D7FF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cbffff; --color-2: #98f5ff; --color-3: #66ebff; --color-4: #33e1ff; --color-5: #00d7ff. 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. 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 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