← Back to Editor

#AA6130 · #492F30 · #FDBB36 · #FDF05C · #A1AEB4

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

#AA6130

Tangerine · Sienna · Amber Brown

HEX
#AA6130
RGB
rgb(170, 97, 48)
HSL
hsl(24, 56%, 43%)
HSB
hsb(24, 72%, 67%)
CMYK
cmyk(0%, 43%, 72%, 33%)
Oklch
oklch(56.7% 0.114 52.1)

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

#492F30

Crimson · DarkSlateGray · Wine Red

HEX
#492F30
RGB
rgb(73, 47, 48)
HSL
hsl(358, 22%, 24%)
HSB
hsb(358, 36%, 29%)
CMYK
cmyk(0%, 36%, 34%, 71%)
Oklch
oklch(33.7% 0.038 16.8)

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

#FDBB36

Ginger · GoldenRod · Sunflower

HEX
#FDBB36
RGB
rgb(253, 187, 54)
HSL
hsl(40, 98%, 60%)
HSB
hsb(40, 79%, 99%)
CMYK
cmyk(0%, 26%, 79%, 1%)
Oklch
oklch(83.2% 0.157 80.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FDF05C

Fresh Green · Khaki · Sunflower

HEX
#FDF05C
RGB
rgb(253, 240, 92)
HSL
hsl(55, 98%, 68%)
HSB
hsb(55, 64%, 99%)
CMYK
cmyk(0%, 5%, 64%, 1%)
Oklch
oklch(93.9% 0.165 104.3)

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

#A1AEB4

Sky Blue · DarkGray · Lake Green

HEX
#A1AEB4
RGB
rgb(161, 174, 180)
HSL
hsl(199, 11%, 67%)
HSB
hsb(199, 11%, 71%)
CMYK
cmyk(11%, 3%, 0%, 29%)
Oklch
oklch(74.2% 0.017 227.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA6130
307AAB

Analogous

AB303D
AA6130
AB9F30

Triadic

AA6130
30AB61
6130AB

Split-Comp.

AA6130
30AB9F
303DAB

Tetradic

AA6130
3DAB30
307AAB
9F30AB

Contrast Matrix WCAG 2.1 Contrast

AA6130
492F30
FDBB36
FDF05C
A1AEB4
—
2.6
Fail
2.8
Fail
4.0
AA Large
2.1
Fail
2.6
Fail
—
7.1
AAA
10.3
AAA
5.3
AA
2.8
Fail
7.1
AAA
—
1.4
Fail
1.3
Fail
4.0
AA Large
10.3
AAA
1.4
Fail
—
1.9
Fail
2.1
Fail
5.3
AA
1.3
Fail
1.9
Fail
—
White BG
4.7AA
12.1AAA
1.7Fail
1.2Fail
2.3Fail
Black BG
4.5AA Large
1.7Fail
12.3AAA
17.8AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8A3C
3E3E30
E0E056
F7F780
A7A7B3

Deuteranopia

8F943F
3F4130
E4E95E
F8F988
A6A5B2

Tritanopia

A64547
483030
FA7075
FC9CA2
A2B1B1

Achromatopsia

717171
373737
C0C0C0
E3E3E3
ABABAB

Shades & Tints Shades & Tints

#AA6130

Dark
Light

#492F30

Dark
Light

#FDBB36

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa6130;
  --color-2: #492f30;
  --color-3: #fdbb36;
  --color-4: #fdf05c;
  --color-5: #a1aeb4;
}

SCSS

$color-1: #aa6130;
$color-2: #492f30;
$color-3: #fdbb36;
$color-4: #fdf05c;
$color-5: #a1aeb4;

TAILWIND

colors: {
  'brand-1': '#aa6130',
  'brand-2': '#492f30',
  'brand-3': '#fdbb36',
  'brand-4': '#fdf05c',
  'brand-5': '#a1aeb4',
}

RGB Array

[170, 97, 48], [73, 47, 48], [253, 187, 54], [253, 240, 92], [161, 174, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AA6130, #492F30, #FDBB36, #FDF05C, #A1AEB4 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: #aa6130; --color-2: #492f30; --color-3: #fdbb36; --color-4: #fdf05c; --color-5: #a1aeb4. 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