← Back to Editor

#64B9C7 · #040302 · #C9C689 · #A33D21 · #BFB02A

warm

A 5-color warm 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

#64B9C7

Slate Blue · MediumAquaMarine · Lake Green

HEX
#64B9C7
RGB
rgb(100, 185, 199)
HSL
hsl(188, 47%, 59%)
HSB
hsb(188, 50%, 78%)
CMYK
cmyk(50%, 7%, 0%, 22%)
Oklch
oklch(73.8% 0.085 209.3)

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

#040302

Ochre · Black · Cinnamon

HEX
#040302
RGB
rgb(4, 3, 2)
HSL
hsl(30, 33%, 1%)
HSB
hsb(30, 50%, 2%)
CMYK
cmyk(0%, 25%, 50%, 98%)
Oklch
oklch(9.9% 0.006 72.5)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#C9C689

Fresh Green · Tan · Sunflower

HEX
#C9C689
RGB
rgb(201, 198, 137)
HSL
hsl(57, 37%, 66%)
HSB
hsb(57, 32%, 79%)
CMYK
cmyk(0%, 1%, 32%, 21%)
Oklch
oklch(81.4% 0.080 105.7)

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

#A33D21

Vermilion · Brown · Wine Red

HEX
#A33D21
RGB
rgb(163, 61, 33)
HSL
hsl(13, 66%, 38%)
HSB
hsb(13, 80%, 64%)
CMYK
cmyk(0%, 63%, 80%, 36%)
Oklch
oklch(49.8% 0.141 36.0)

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

#BFB02A

Autumn Sage · GoldenRod · Honey Gold

HEX
#BFB02A
RGB
rgb(191, 176, 42)
HSL
hsl(54, 64%, 46%)
HSB
hsb(54, 78%, 75%)
CMYK
cmyk(0%, 8%, 78%, 25%)
Oklch
oklch(74.8% 0.145 102.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

64B9C7
C87265

Analogous

65C8A4
64B9C7
6589C8

Triadic

64B9C7
C865BA
BAC865

Split-Comp.

64B9C7
C86589
C8A465

Tetradic

64B9C7
A465C8
C87265
89C865

Contrast Matrix WCAG 2.1 Contrast

64B9C7
040302
C9C689
A33D21
BFB02A
—
9.1
AAA
1.3
Fail
2.9
Fail
1.0
Fail
9.1
AAA
—
11.7
AAA
3.2
AA Large
9.3
AAA
1.3
Fail
11.7
AAA
—
3.7
AA Large
1.3
Fail
2.9
Fail
3.2
AA Large
3.7
AA Large
—
2.9
Fail
1.0
Fail
9.3
AAA
1.3
Fail
2.9
Fail
—
White BG
2.3Fail
20.6AAA
1.8Fail
6.5AA
2.2Fail
Black BG
9.3AAA
1.0Fail
11.9AAA
3.2AA Large
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898AC4
040402
C8C898
777628
B9B84A

Deuteranopia

847EC3
040402
C8C89B
7D8429
B9BB52

Tritanopia

68C1C0
040202
C9A3A6
9E2D2E
BE646A

Achromatopsia

A1A1A1
030303
C0C0C0
585858
A5A5A5

Shades & Tints Shades & Tints

#64B9C7

Dark
Light

#040302

Dark
Light

#C9C689

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #64b9c7;
  --color-2: #040302;
  --color-3: #c9c689;
  --color-4: #a33d21;
  --color-5: #bfb02a;
}

SCSS

$color-1: #64b9c7;
$color-2: #040302;
$color-3: #c9c689;
$color-4: #a33d21;
$color-5: #bfb02a;

TAILWIND

colors: {
  'brand-1': '#64b9c7',
  'brand-2': '#040302',
  'brand-3': '#c9c689',
  'brand-4': '#a33d21',
  'brand-5': '#bfb02a',
}

RGB Array

[100, 185, 199], [4, 3, 2], [201, 198, 137], [163, 61, 33], [191, 176, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #64B9C7, #040302, #C9C689, #A33D21, #BFB02A 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: #64b9c7; --color-2: #040302; --color-3: #c9c689; --color-4: #a33d21; --color-5: #bfb02a. 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 warm-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