← Back to Editor

#F7792C · #D44206 · #FFF9D3 · #0DA9A8 · #1B6B68

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F7792C

Tangerine · Tomato · Warm Sun

HEX
#F7792C
RGB
rgb(247, 121, 44)
HSL
hsl(23, 93%, 57%)
HSB
hsb(23, 82%, 97%)
CMYK
cmyk(0%, 51%, 82%, 3%)
Oklch
oklch(71.2% 0.176 47.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D44206

Tangerine · OrangeRed · Amber Brown

HEX
#D44206
RGB
rgb(212, 66, 6)
HSL
hsl(17, 94%, 43%)
HSB
hsb(17, 97%, 83%)
CMYK
cmyk(0%, 69%, 97%, 17%)
Oklch
oklch(58.5% 0.191 37.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FFF9D3

Fresh Green · Beige · Lemon Cream

HEX
#FFF9D3
RGB
rgb(255, 249, 211)
HSL
hsl(52, 100%, 91%)
HSB
hsb(52, 17%, 100%)
CMYK
cmyk(0%, 2%, 17%, 0%)
Oklch
oklch(97.7% 0.050 99.8)

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

#0DA9A8

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0DA9A8
RGB
rgb(13, 169, 168)
HSL
hsl(180, 86%, 36%)
HSB
hsb(180, 92%, 66%)
CMYK
cmyk(92%, 0%, 1%, 34%)
Oklch
oklch(66.6% 0.112 194.0)

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

#1B6B68

Mineral Blue · SeaGreen · Mint Ice

HEX
#1B6B68
RGB
rgb(27, 107, 104)
HSL
hsl(178, 60%, 26%)
HSB
hsb(178, 75%, 42%)
CMYK
cmyk(75%, 0%, 3%, 58%)
Oklch
oklch(48.1% 0.074 191.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7792C
2BA9F7

Analogous

F72B43
F7792C
F7E02B

Triadic

F7792C
2BF77A
7A2BF7

Split-Comp.

F7792C
2BF7E0
2B43F7

Tetradic

F7792C
43F72B
2BA9F7
E02BF7

Contrast Matrix WCAG 2.1 Contrast

F7792C
D44206
FFF9D3
0DA9A8
1B6B68
—
1.7
Fail
2.6
Fail
1.1
Fail
2.3
Fail
1.7
Fail
—
4.3
AA Large
1.6
Fail
1.4
Fail
2.6
Fail
4.3
AA Large
—
2.7
Fail
5.9
AA
1.1
Fail
1.6
Fail
2.7
Fail
—
2.2
Fail
2.3
Fail
1.4
Fail
5.9
AA
2.2
Fail
—
White BG
2.7Fail
4.6AA
1.1Fail
2.9Fail
6.3AA
Black BG
7.7AAA
4.6AA
19.7AAA
7.3AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF3F
959315
FCFCDC
5152A8
3E3E69

Deuteranopia

C8D143
9DA818
FDFDDE
483CA8
393369

Tritanopia

F14D51
CD2023
FFE3E5
15A8A8
1F6969

Achromatopsia

969696
676767
F6F6F6
7A7A7A
535353

Shades & Tints Shades & Tints

#F7792C

Dark
Light

#D44206

Dark
Light

#FFF9D3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7792c;
  --color-2: #d44206;
  --color-3: #fff9d3;
  --color-4: #0da9a8;
  --color-5: #1b6b68;
}

SCSS

$color-1: #f7792c;
$color-2: #d44206;
$color-3: #fff9d3;
$color-4: #0da9a8;
$color-5: #1b6b68;

TAILWIND

colors: {
  'brand-1': '#f7792c',
  'brand-2': '#d44206',
  'brand-3': '#fff9d3',
  'brand-4': '#0da9a8',
  'brand-5': '#1b6b68',
}

RGB Array

[247, 121, 44], [212, 66, 6], [255, 249, 211], [13, 169, 168], [27, 107, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F7792C, #D44206, #FFF9D3, #0DA9A8, #1B6B68 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #f7792c; --color-2: #d44206; --color-3: #fff9d3; --color-4: #0da9a8; --color-5: #1b6b68. 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 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