Salmon#FF6B6B
Pale Violet Red#F06595
Medium Orchid#CC5DE8
Medium Slate Blue#845EF7
Cornflower Blue#5C7CFA
Color Palette
#FF6B6B · #F06595 · #CC5DE8 · #845EF7 · #5C7CFA
analogous0 likes
Share
Export for Developers
:root {
--color-1: #FF6B6B;
--color-1-rgb: 255, 107, 107;
--color-1-hsl: 0, 100%, 71%;
--color-2: #F06595;
--color-2-rgb: 240, 101, 149;
--color-2-hsl: 339, 82%, 67%;
--color-3: #CC5DE8;
--color-3-rgb: 204, 93, 232;
--color-3-hsl: 288, 75%, 64%;
--color-4: #845EF7;
--color-4-rgb: 132, 94, 247;
--color-4-hsl: 255, 91%, 67%;
--color-5: #5C7CFA;
--color-5-rgb: 92, 124, 250;
--color-5-hsl: 228, 94%, 67%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#FF6B6B
On White
2.78:1Fail
On Black
7.57:1AAA
Aa
Aa
#F06595
On White
3:1Fail
On Black
7:1AAA
Aa
Aa
#CC5DE8
On White
3.33:1Fail
On Black
6.3:1AA
Aa
Aa
#845EF7
On White
4.26:1Fail
On Black
4.93:1AA
Aa
Aa
#5C7CFA
On White
3.67:1Fail
On Black
5.72:1AA
Aa
Aa
Contrast ratios calculated per WCAG 2.1. AA requires ≥4.5:1, AAA requires ≥7:1 for normal text.
Palette Variations
Palette Variations
Original
☀️
lighter
· Increased lightness, reduced saturation
#FDD3D3
#F6C6D7
#E6BCF1
#D0C3F9
#C2CDFA
🌑
darker
· Reduced lightness, increased saturation
#FF0505
#E01059
#A616CA
#3E05EB
#0131EF
🌫️
muted
· Desaturated for a calm, muted look
#E98181
#D77F9E
#BC7ACD
#9178DE
#758BE1
⚡
vibrant
· Boosted saturation for maximum impact
#FF3333
#FF337A
#D633FF
#6633FF
#335CFF