#25D8FC + #738DA3 + #775E70 + #B05D62 + #FC5444 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#25D8FC

Lake Blue · DeepSkyBlue · Lake Green

HEX

#25D8FC

RGB

rgb(37, 216, 252)

HSL

hsl(190, 97%, 57%)

HSB

hsb(190, 85%, 99%)

CMYK

cmyk(85%, 14%, 0%, 1%)

Oklch

oklch(81.5% 0.140 216.3)

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

#738DA3

Slate Blue · LightSlateGray · Navy Blue

HEX

#738DA3

RGB

rgb(115, 141, 163)

HSL

hsl(207, 21%, 55%)

HSB

hsb(207, 29%, 64%)

CMYK

cmyk(29%, 13%, 0%, 36%)

Oklch

oklch(63.1% 0.045 244.1)

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

#775E70

Rose Purple · DimGray · Violet

HEX

#775E70

RGB

rgb(119, 94, 112)

HSL

hsl(317, 12%, 42%)

HSB

hsb(317, 21%, 47%)

CMYK

cmyk(0%, 21%, 6%, 53%)

Oklch

oklch(51.3% 0.042 336.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#B05D62

Crimson · Sienna · Passion Red

HEX

#B05D62

RGB

rgb(176, 93, 98)

HSL

hsl(356, 34%, 53%)

HSB

hsb(356, 47%, 69%)

CMYK

cmyk(0%, 47%, 44%, 31%)

Oklch

oklch(57.7% 0.108 17.2)

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

#FC5444

Peach Pink · Tomato · Coral Red

HEX

#FC5444

RGB

rgb(252, 84, 68)

HSL

hsl(5, 97%, 63%)

HSB

hsb(5, 73%, 99%)

CMYK

cmyk(0%, 67%, 73%, 1%)

Oklch

oklch(67.4% 0.207 29.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

25D8FC

FC4A27

Analogous

27FCB5

25D8FC

276EFC

Triadic

25D8FC

FC27D8

D8FC27

Split-Comp.

25D8FC

FC276E

FCB527

Tetradic

25D8FC

B527FC

FC4A27

6EFC27

Contrast Matrix WCAG 2.1 Contrast

25D8FC	738DA3	775E70	B05D62	FC5444
—	2.0 Fail	3.4 AA Large	2.7 Fail	1.9 Fail
2.0 Fail	—	1.7 Fail	1.3 Fail	1.1 Fail
3.4 AA Large	1.7 Fail	—	1.3 Fail	1.8 Fail
2.7 Fail	1.3 Fail	1.3 Fail	—	1.4 Fail
1.9 Fail	1.1 Fail	1.8 Fail	1.4 Fail	—

White BG

1.7Fail

3.5AA Large

5.8AA

4.6AA

3.2AA Large

Black BG

12.3AAA

6.1AA

3.6AA Large

4.6AA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7374F3

7E7E9E

6C6C6C

8C8B61

B3B248

Deuteranopia

685BF1

7D7B9C

6E706B

919761

BDCA49

Tritanopia

2EECEB

749999

766867

AC6060

F44B4C

Achromatopsia

A7A7A7

888888

686868

767676

848484

Shades & Tints Shades & Tints

#25D8FC

Dark

Light

#738DA3

Dark

Light

#775E70

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #25d8fc;
  --color-2: #738da3;
  --color-3: #775e70;
  --color-4: #b05d62;
  --color-5: #fc5444;
}

SCSS

$color-1: #25d8fc;
$color-2: #738da3;
$color-3: #775e70;
$color-4: #b05d62;
$color-5: #fc5444;

TAILWIND

colors: {
  'brand-1': '#25d8fc',
  'brand-2': '#738da3',
  'brand-3': '#775e70',
  'brand-4': '#b05d62',
  'brand-5': '#fc5444',
}

RGB Array

[37, 216, 252], [115, 141, 163], [119, 94, 112], [176, 93, 98], [252, 84, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #25D8FC, #738DA3, #775E70, #B05D62, #FC5444 is ideal for: corporate websites, product showcases, portfolios. 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: #25d8fc; --color-2: #738da3; --color-3: #775e70; --color-4: #b05d62; --color-5: #fc5444. 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 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