← Back to Editor

#0A0F23 · #101B31 · #513F35 · #856D63 · #FFB15B

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

#0A0F23

Indigo · Black · Deep Sea Blue

HEX
#0A0F23
RGB
rgb(10, 15, 35)
HSL
hsl(228, 56%, 9%)
HSB
hsb(228, 71%, 14%)
CMYK
cmyk(71%, 57%, 0%, 86%)
Oklch
oklch(17.6% 0.042 271.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#101B31

Indigo · Black · Deep Sea Blue

HEX
#101B31
RGB
rgb(16, 27, 49)
HSL
hsl(220, 51%, 13%)
HSB
hsb(220, 67%, 19%)
CMYK
cmyk(67%, 45%, 0%, 81%)
Oklch
oklch(22.5% 0.046 263.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#513F35

Tangerine · DarkOliveGreen · Amber Brown

HEX
#513F35
RGB
rgb(81, 63, 53)
HSL
hsl(21, 21%, 26%)
HSB
hsb(21, 35%, 32%)
CMYK
cmyk(0%, 22%, 35%, 68%)
Oklch
oklch(38.4% 0.030 50.5)

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

#856D63

Tangerine · DimGray · Amber Brown

HEX
#856D63
RGB
rgb(133, 109, 99)
HSL
hsl(18, 15%, 45%)
HSB
hsb(18, 26%, 52%)
CMYK
cmyk(0%, 18%, 26%, 48%)
Oklch
oklch(55.5% 0.034 43.8)

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

#FFB15B

Ginger · SandyBrown · Warm Sun

HEX
#FFB15B
RGB
rgb(255, 177, 91)
HSL
hsl(31, 100%, 68%)
HSB
hsb(31, 64%, 100%)
CMYK
cmyk(0%, 31%, 64%, 0%)
Oklch
oklch(81.9% 0.136 66.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A0F23
241F0A

Analogous

0A1C24
0A0F23
120A24

Triadic

0A0F23
240A0F
0F240A

Split-Comp.

0A0F23
24120A
1C240A

Tetradic

0A0F23
240A1C
241F0A
0A2412

Contrast Matrix WCAG 2.1 Contrast

0A0F23
101B31
513F35
856D63
FFB15B
—
1.1
Fail
1.9
Fail
3.9
AA Large
10.6
AAA
1.1
Fail
—
1.7
Fail
3.6
AA Large
9.6
AAA
1.9
Fail
1.7
Fail
—
2.1
Fail
5.5
AA
3.9
AA Large
3.6
AA Large
2.1
Fail
—
2.7
Fail
10.6
AAA
9.6
AAA
5.5
AA
2.7
Fail
—
White BG
19.0AAA
17.2AAA
9.9AAA
4.8AA
1.8Fail
Black BG
1.1Fail
1.2Fail
2.1Fail
4.4AA Large
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0C0C1E
15152C
494937
7B7A65
DDDD70

Deuteranopia

0C0C1D
14132A
4A4C38
7C7E66
E2E875

Tritanopia

0A1A1A
112727
50393A
846768
FB8084

Achromatopsia

101010
1A1A1A
434343
737373
BFBFBF

Shades & Tints Shades & Tints

#0A0F23

Dark
Light

#101B31

Dark
Light

#513F35

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a0f23;
  --color-2: #101b31;
  --color-3: #513f35;
  --color-4: #856d63;
  --color-5: #ffb15b;
}

SCSS

$color-1: #0a0f23;
$color-2: #101b31;
$color-3: #513f35;
$color-4: #856d63;
$color-5: #ffb15b;

TAILWIND

colors: {
  'brand-1': '#0a0f23',
  'brand-2': '#101b31',
  'brand-3': '#513f35',
  'brand-4': '#856d63',
  'brand-5': '#ffb15b',
}

RGB Array

[10, 15, 35], [16, 27, 49], [81, 63, 53], [133, 109, 99], [255, 177, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #0A0F23, #101B31, #513F35, #856D63, #FFB15B is ideal for: tech websites, dark mode UIs, game UIs, 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: #0a0f23; --color-2: #101b31; --color-3: #513f35; --color-4: #856d63; --color-5: #ffb15b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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