"Vue" color palette

frontendweb developmentjavascriptframeworkUIcomponent-basedprogressive

15

Color Conversions To rgb/hex/hsl Codes

HEX #42B983
RGB 66, 185, 131
HSL 153, 47, 49
HEX #35495E
RGB 53, 73, 94
HSL 211, 28, 29
HEX #2C3E50
RGB 44, 62, 80
HSL 210, 29, 24
HEX #EDEDED
RGB 237, 237, 237
HSL 0, 0, 93
HEX #ADB5BD
RGB 173, 181, 189
HSL 210, 11, 71

Color Palette Complementary

The following are the complementary colors of the selected color palette. Each color is generated by rotating the hue of the color by 180 degrees.

Complementary Rotate 45°

Complementary Rotate 30°

Complementary Rotate 60°

Color Palette Shades

The following are the color shades of the selected color palette. Each color shade is generated by decreasing the brightness of the color by 10%. click on the color to copy the hex code.

#42b983 color shades

#35495e color shades

#2c3e50 color shades

#ededed color shades

#adb5bd color shades

More Palettes with Vue

tailwind theme

tailwind theme

web developmentminimalistjavascriptframeworkmoderncleanaccessibledynamicdesign systemvibrantdarkneutrallightresponsivecss
tailwind

tailwind

web developmentminimalistjavascriptbluemoderndynamicfastbrightneutralresponsiveefficientuser-friendlyCSSaccessibility
tailwind

tailwind

techweb developmentminimalistjavascriptmoderncleanaccessibledynamicvibrantneutraldesignresponsivecsshigh contrastsubtle gradients
Germany

Germany

progressivecalmbluegoldmodernstrongreliabletraditionalvibrantsophisticatedgreyreddignifiedblackpowerfulindustrialpatrioticurbanhistoricformalEuropeannationalconservativeblackForestBavariaBerlin
tailwind

tailwind

programmingweb developmentminimalistbluemoderncleandynamicvibrantcodeneutralpurpledesigngreyresponsive
tailwind

tailwind

utility-firstcss frameworkweb developmentminimalistjavascriptmoderncleandynamicvibrantcodedarkneutrallightdesignresponsiveweb design
tailwindcss

tailwindcss

utility-firstweb developmentminimalistjavascriptframeworkmodernpasteldesign systemvibrantgradientbrightneutralresponsivecss
tailwindcss

tailwindcss

utility-firstminimalistjavascriptframeworkmoderncleanvibrantneutrallightresponsiveweb-developmentdesign-systemcss
tailwindcss

tailwindcss

utility-firstminimalistjavascriptmodernboldcleandynamicvibrantfastbrightfreshyellowresponsivecss-frameworkweb-developmentdesign-systemcustomizable#317F70green-teal#F3E045slategoldenefficient
eslint

eslint

techcodingdevelopmentprogrammingjavascriptbluemoderncodelightpurplestylesyntaxerrorvalidationanalysisqualitytypescriptlintingdebugginghigh-techattention-grabbing
javascript

javascript

programmingfrontendweb developmentdynamicinteractivebackendscripting
nextjs

nextjs

frontendweb developmentjavascriptframeworkmoderncleanreactprofessional
reactjs

reactjs

frontendweb developmentjavascriptui librarycomponent based
vue

vue

frontendweb developmentjavascriptframeworkUIcomponent-basedprogressive
tailwindcss

tailwindcss

utility-firstcss frameworkfrontendweb developmentminimalist