← Back to Editor

#CBCF30 · #F9CCE9 · #E7AE2D · #B2573A · #692319

spring

A 5-color spring palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#CBCF30

Autumn Sage · GoldenRod · Honey Gold

HEX
#CBCF30
RGB
rgb(203, 207, 48)
HSL
hsl(62, 62%, 50%)
HSB
hsb(62, 77%, 81%)
CMYK
cmyk(2%, 0%, 77%, 19%)
Oklch
oklch(82.5% 0.168 111.1)

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

#F9CCE9

Mauve · Pink · Cherry Blossom

HEX
#F9CCE9
RGB
rgb(249, 204, 233)
HSL
hsl(321, 79%, 89%)
HSB
hsb(321, 18%, 98%)
CMYK
cmyk(0%, 18%, 6%, 2%)
Oklch
oklch(89.2% 0.063 339.6)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#E7AE2D

Ginger · GoldenRod · Sunflower

HEX
#E7AE2D
RGB
rgb(231, 174, 45)
HSL
hsl(42, 79%, 54%)
HSB
hsb(42, 81%, 91%)
CMYK
cmyk(0%, 25%, 81%, 9%)
Oklch
oklch(78.4% 0.149 82.5)

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

#B2573A

Tangerine · Sienna · Amber Brown

HEX
#B2573A
RGB
rgb(178, 87, 58)
HSL
hsl(15, 51%, 46%)
HSB
hsb(15, 67%, 70%)
CMYK
cmyk(0%, 51%, 67%, 30%)
Oklch
oklch(56.3% 0.126 38.3)

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

#692319

Vermilion · Maroon · Wine Red

HEX
#692319
RGB
rgb(105, 35, 25)
HSL
hsl(8, 62%, 25%)
HSB
hsb(8, 76%, 41%)
CMYK
cmyk(0%, 67%, 76%, 59%)
Oklch
oklch(36.1% 0.103 30.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBCF30
3630CF

Analogous

CF8530
CBCF30
7ACF30

Triadic

CBCF30
30C9CF
CF30C9

Split-Comp.

CBCF30
307ACF
8530CF

Tetradic

CBCF30
30CF85
3630CF
CF307A

Contrast Matrix WCAG 2.1 Contrast

CBCF30
F9CCE9
E7AE2D
B2573A
692319
—
1.2
Fail
1.2
Fail
2.9
Fail
6.7
AA
1.2
Fail
—
1.4
Fail
3.4
AA Large
8.0
AAA
1.2
Fail
1.4
Fail
—
2.4
Fail
5.7
AA
2.9
Fail
3.4
AA Large
2.4
Fail
—
2.3
Fail
6.7
AA
8.0
AAA
5.7
AA
2.3
Fail
—
White BG
1.7Fail
1.4Fail
2.0Fail
4.9AA
11.3AAA
Black BG
12.5AAA
14.8AAA
10.5AAA
4.3AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCD56
E6E5E2
CECE4C
8B8A41
4B4A1B

Deuteranopia

CDCC60
E8EBE0
D2D654
909743
4F541C

Tritanopia

CB757C
F7DCDB
E4656A
AD4748
661D1E

Achromatopsia

BCBCBC
DDDDDD
B0B0B0
6F6F6F
373737

Shades & Tints Shades & Tints

#CBCF30

Dark
Light

#F9CCE9

Dark
Light

#E7AE2D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbcf30;
  --color-2: #f9cce9;
  --color-3: #e7ae2d;
  --color-4: #b2573a;
  --color-5: #692319;
}

SCSS

$color-1: #cbcf30;
$color-2: #f9cce9;
$color-3: #e7ae2d;
$color-4: #b2573a;
$color-5: #692319;

TAILWIND

colors: {
  'brand-1': '#cbcf30',
  'brand-2': '#f9cce9',
  'brand-3': '#e7ae2d',
  'brand-4': '#b2573a',
  'brand-5': '#692319',
}

RGB Array

[203, 207, 48], [249, 204, 233], [231, 174, 45], [178, 87, 58], [105, 35, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #CBCF30, #F9CCE9, #E7AE2D, #B2573A, #692319 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cbcf30; --color-2: #f9cce9; --color-3: #e7ae2d; --color-4: #b2573a; --color-5: #692319. 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 spring-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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