← Back to Editor

#CED6CB · #99B6AB · #0A0410 · #CC4B69 · #F6755F

sea

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

#CED6CB

Celadon · LightGray · Mint Green

HEX
#CED6CB
RGB
rgb(206, 214, 203)
HSL
hsl(104, 12%, 82%)
HSB
hsb(104, 5%, 84%)
CMYK
cmyk(4%, 0%, 5%, 16%)
Oklch
oklch(86.7% 0.017 137.0)

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

#99B6AB

Jade · DarkGray · Apple Green

HEX
#99B6AB
RGB
rgb(153, 182, 171)
HSL
hsl(157, 17%, 66%)
HSB
hsb(157, 16%, 71%)
CMYK
cmyk(16%, 0%, 6%, 29%)
Oklch
oklch(75.1% 0.035 170.4)

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

#0A0410

Royal Purple · Black · Dark Purple

HEX
#0A0410
RGB
rgb(10, 4, 16)
HSL
hsl(270, 60%, 4%)
HSB
hsb(270, 75%, 6%)
CMYK
cmyk(38%, 75%, 0%, 94%)
Oklch
oklch(12.7% 0.031 308.4)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#CC4B69

Crimson · MediumVioletRed · Passion Red

HEX
#CC4B69
RGB
rgb(204, 75, 105)
HSL
hsl(346, 56%, 55%)
HSB
hsb(346, 63%, 80%)
CMYK
cmyk(0%, 63%, 49%, 20%)
Oklch
oklch(59.5% 0.164 9.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#F6755F

Peach Pink · Coral · Coral Red

HEX
#F6755F
RGB
rgb(246, 117, 95)
HSL
hsl(9, 89%, 67%)
HSB
hsb(9, 61%, 96%)
CMYK
cmyk(0%, 52%, 61%, 4%)
Oklch
oklch(71.0% 0.163 31.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CED6CB
D4CCD7

Analogous

D4D7CC
CED6CB
CCD7CE

Triadic

CED6CB
CCCFD7
D7CCCF

Split-Comp.

CED6CB
CECCD7
D7CCD4

Tetradic

CED6CB
CCD4D7
D4CCD7
D7CECC

Contrast Matrix WCAG 2.1 Contrast

CED6CB
99B6AB
0A0410
CC4B69
F6755F
—
1.5
Fail
13.6
AAA
3.0
Fail
1.8
Fail
1.5
Fail
—
9.3
AAA
2.0
Fail
1.3
Fail
13.6
AAA
9.3
AAA
—
4.6
AA
7.4
AAA
3.0
Fail
2.0
Fail
4.6
AA
—
1.6
Fail
1.8
Fail
1.3
Fail
7.4
AAA
1.6
Fail
—
White BG
1.5Fail
2.2Fail
20.2AAA
4.4AA Large
2.8Fail
Black BG
14.1AAA
9.6AAA
1.0Fail
4.8AA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D2CE
A6A6AE
07070D
949362
BEBD64

Deuteranopia

D1D0CE
A4A2AE
08080C
9CA560
C6CF66

Tritanopia

CED0D0
9AB0B0
0A0B0A
C65C5B
F06969

Achromatopsia

D2D2D2
ACACAC
070707
757575
999999

Shades & Tints Shades & Tints

#CED6CB

Dark
Light

#99B6AB

Dark
Light

#0A0410

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ced6cb;
  --color-2: #99b6ab;
  --color-3: #0a0410;
  --color-4: #cc4b69;
  --color-5: #f6755f;
}

SCSS

$color-1: #ced6cb;
$color-2: #99b6ab;
$color-3: #0a0410;
$color-4: #cc4b69;
$color-5: #f6755f;

TAILWIND

colors: {
  'brand-1': '#ced6cb',
  'brand-2': '#99b6ab',
  'brand-3': '#0a0410',
  'brand-4': '#cc4b69',
  'brand-5': '#f6755f',
}

RGB Array

[206, 214, 203], [153, 182, 171], [10, 4, 16], [204, 75, 105], [246, 117, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #CED6CB, #99B6AB, #0A0410, #CC4B69, #F6755F is ideal for: 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: #ced6cb; --color-2: #99b6ab; --color-3: #0a0410; --color-4: #cc4b69; --color-5: #f6755f. 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 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