#ADB730 + #45754F + #2C4C4B + #0E2C37 + #00192D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#ADB730

Autumn Sage · GoldenRod · Honey Gold

HEX

#ADB730

RGB

rgb(173, 183, 48)

HSL

hsl(64, 58%, 45%)

HSB

hsb(64, 74%, 72%)

CMYK

cmyk(5%, 0%, 74%, 28%)

Oklch

oklch(74.8% 0.152 113.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#45754F

Celadon · SeaGreen · Forest Green

HEX

#45754F

RGB

rgb(69, 117, 79)

HSL

hsl(133, 26%, 36%)

HSB

hsb(133, 41%, 46%)

CMYK

cmyk(41%, 0%, 32%, 54%)

Oklch

oklch(51.7% 0.080 149.6)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#2C4C4B

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#2C4C4B

RGB

rgb(44, 76, 75)

HSL

hsl(178, 27%, 24%)

HSB

hsb(178, 42%, 30%)

CMYK

cmyk(42%, 0%, 1%, 70%)

Oklch

oklch(39.2% 0.038 193.2)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#0E2C37

Lake Blue · DarkSlateGray · Peacock Green

HEX

#0E2C37

RGB

rgb(14, 44, 55)

HSL

hsl(196, 59%, 14%)

HSB

hsb(196, 75%, 22%)

CMYK

cmyk(75%, 20%, 0%, 78%)

Oklch

oklch(27.6% 0.041 225.4)

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

#00192D

Lake Blue · Black · Deep Sea Blue

HEX

#00192D

RGB

rgb(0, 25, 45)

HSL

hsl(207, 100%, 9%)

HSB

hsb(207, 100%, 18%)

CMYK

cmyk(100%, 44%, 0%, 82%)

Oklch

oklch(20.6% 0.051 244.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADB730

3930B5

Analogous

B57C30

ADB730

6AB530

Triadic

ADB730

30ACB5

B530AC

Split-Comp.

ADB730

306AB5

7C30B5

Tetradic

ADB730

30B57C

3930B5

B5306A

Contrast Matrix WCAG 2.1 Contrast

ADB730	45754F	2C4C4B	0E2C37	00192D
—	2.5 Fail	4.3 AA Large	6.7 AA	8.2 AAA
2.5 Fail	—	1.7 Fail	2.7 Fail	3.3 AA Large
4.3 AA Large	1.7 Fail	—	1.6 Fail	1.9 Fail
6.7 AA	2.7 Fail	1.6 Fail	—	1.2 Fail
8.2 AAA	3.3 AA Large	1.9 Fail	1.2 Fail	—

White BG

2.2Fail

5.4AA

9.4AAA

14.6AAA

17.8AAA

Black BG

9.6AAA

3.9AA Large

2.2Fail

1.4Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B151

5A5A58

3A3A4B

1B1B34

0B0B28

Deuteranopia

B1B059

57535A

38364B

191734

090827

Tritanopia

AE6A70

475F61

2E4B4B

103232

012424

Achromatopsia

A5A5A5

626262

424242

242424

141414

Shades & Tints Shades & Tints

#ADB730

Dark

Light

#45754F

Dark

Light

#2C4C4B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adb730;
  --color-2: #45754f;
  --color-3: #2c4c4b;
  --color-4: #0e2c37;
  --color-5: #00192d;
}

SCSS

$color-1: #adb730;
$color-2: #45754f;
$color-3: #2c4c4b;
$color-4: #0e2c37;
$color-5: #00192d;

TAILWIND

colors: {
  'brand-1': '#adb730',
  'brand-2': '#45754f',
  'brand-3': '#2c4c4b',
  'brand-4': '#0e2c37',
  'brand-5': '#00192d',
}

RGB Array

[173, 183, 48], [69, 117, 79], [44, 76, 75], [14, 44, 55], [0, 25, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADB730, #45754F, #2C4C4B, #0E2C37, #00192D is ideal for: tech websites, dark mode UIs, game UIs. 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: #adb730; --color-2: #45754f; --color-3: #2c4c4b; --color-4: #0e2c37; --color-5: #00192d. 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. 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 general-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