← Back to Editor

#65F0F7 · #A1DCCA · #C7CCAC · #EA702F · #DA624A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#65F0F7

Sky Blue · LightSkyBlue · Lake Green

HEX
#65F0F7
RGB
rgb(101, 240, 247)
HSL
hsl(183, 90%, 68%)
HSB
hsb(183, 59%, 97%)
CMYK
cmyk(59%, 3%, 0%, 3%)
Oklch
oklch(88.2% 0.120 199.8)

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

#A1DCCA

Jade · LightBlue · Lake Green

HEX
#A1DCCA
RGB
rgb(161, 220, 202)
HSL
hsl(162, 46%, 75%)
HSB
hsb(162, 27%, 86%)
CMYK
cmyk(27%, 0%, 8%, 14%)
Oklch
oklch(84.9% 0.065 173.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C7CCAC

Fresh Green · Silver · Sunflower

HEX
#C7CCAC
RGB
rgb(199, 204, 172)
HSL
hsl(69, 24%, 74%)
HSB
hsb(69, 16%, 80%)
CMYK
cmyk(2%, 0%, 16%, 20%)
Oklch
oklch(83.3% 0.044 114.6)

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

#EA702F

Tangerine · Chocolate · Warm Sun

HEX
#EA702F
RGB
rgb(234, 112, 47)
HSL
hsl(21, 82%, 55%)
HSB
hsb(21, 80%, 92%)
CMYK
cmyk(0%, 52%, 80%, 8%)
Oklch
oklch(68.0% 0.169 45.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#DA624A

Vermilion · Tomato · Passion Red

HEX
#DA624A
RGB
rgb(218, 98, 74)
HSL
hsl(10, 66%, 57%)
HSB
hsb(10, 66%, 85%)
CMYK
cmyk(0%, 55%, 66%, 15%)
Oklch
oklch(64.0% 0.156 32.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65F0F7
F76B64

Analogous

64F7B5
65F0F7
64A6F7

Triadic

65F0F7
F764EF
EFF764

Split-Comp.

65F0F7
F764A6
F7B564

Tetradic

65F0F7
B564F7
F76B64
A6F764

Contrast Matrix WCAG 2.1 Contrast

65F0F7
A1DCCA
C7CCAC
EA702F
DA624A
—
1.1
Fail
1.2
Fail
2.2
Fail
2.6
Fail
1.1
Fail
—
1.1
Fail
2.0
Fail
2.3
Fail
1.2
Fail
1.1
Fail
—
1.8
Fail
2.2
Fail
2.2
Fail
2.0
Fail
1.8
Fail
—
1.2
Fail
2.6
Fail
2.3
Fail
2.2
Fail
1.2
Fail
—
White BG
1.4Fail
1.5Fail
1.7Fail
3.1AA Large
3.6AA Large
Black BG
15.4AAA
13.6AAA
12.7AAA
6.9AA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2F5
BBBBCE
C9C9B4
B5B43F
A6A550

Deuteranopia

998FF5
B7B3CF
C9C8B6
BCC543
ADB651

Tritanopia

6CF4F4
A4D2D3
C7BABB
E44B4E
D45455

Achromatopsia

C7C7C7
C8C8C8
C7C7C7
8D8D8D
838383

Shades & Tints Shades & Tints

#65F0F7

Dark
Light

#A1DCCA

Dark
Light

#C7CCAC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65f0f7;
  --color-2: #a1dcca;
  --color-3: #c7ccac;
  --color-4: #ea702f;
  --color-5: #da624a;
}

SCSS

$color-1: #65f0f7;
$color-2: #a1dcca;
$color-3: #c7ccac;
$color-4: #ea702f;
$color-5: #da624a;

TAILWIND

colors: {
  'brand-1': '#65f0f7',
  'brand-2': '#a1dcca',
  'brand-3': '#c7ccac',
  'brand-4': '#ea702f',
  'brand-5': '#da624a',
}

RGB Array

[101, 240, 247], [161, 220, 202], [199, 204, 172], [234, 112, 47], [218, 98, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #65F0F7, #A1DCCA, #C7CCAC, #EA702F, #DA624A is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #65f0f7; --color-2: #a1dcca; --color-3: #c7ccac; --color-4: #ea702f; --color-5: #da624a. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 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